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>