CSS（四）之 CSS扩展选择器

一、关联选择器

标签是可以嵌套的，要让相同标签中不同标签显示不同样式，就可以用此选择器。

例如：

p {color:#00FF00;}

p b{color:#FF0000;}

<p>P标签<b>范玮琪</b>段落样式</p>

<p>P标签段落</p>

二、组合选择器

对多个不同选择器进行相同样式设置的时候应用此选择器。

p, div{color:#FF0000}

<p>P标签显示段落。</p>

<div>div标签显示段落</div>

注：多个不同选择器要用逗号分隔开。

三、伪元素选择器

其实就在HTML中预先定义好的一些选择器，称为伪元素。是因为CSS的术语。

格式：标签名：伪元素。

a:link 超链接未点击状态

a:visited 被访问后的状态

a:hover 光标移到超链接上的状态（未点击）

a:active 点击超链接时的状态