关联选择器和组合选择器，伪元素选择器

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>