關聯選擇器和組合選擇器,偽元素選擇器
阿新 • • 發佈:2018-12-26
1.關聯選擇器:選擇器中的選擇器
span b{
background-color:#0066CC;
color:#FFFFFF;
}
2.組合選擇器:
多種選擇器採用同樣的樣式
.haha, div b{
background-color:#0066CC;
color:#FFFFFF;
}
3.偽元素選擇器:通常用於點選前及滑鼠懸停
a:link{
background-color:#0066FF;
color:#FFFFFF;
font-size:18px;
}
a:hover{
background-color:#FF0000;
color:#000000;
font-size:24px;
}
a:active{
background-color:#000000;
color:#FFFFFF;
font-size:36px;
}
a:visted{
background-color:#CC99CC;
color:#0000FF;
}
<a href="http://www.baidu.com"> 偽元素選擇器演示</a>