伪类

伪类

伪类是因为它们与类相似，但实际上没有类会附加到标记中的标签上。伪类分为两种

• UI伪类 在HTML元素处于某个状态时，为该元素应用CSS样式
• 结构化伪类 在标记中存在某种结构上的关系时，为相应元素应用CSS样式

UI伪类

最常用的UI伪类的元素是链接。利用UI伪类，链接可以在用户鼠标悬停时改变文本颜色等。

针对链接的伪类有四个

• link 链接等着用户点击
• visited 点击过这个链接
• hover 鼠标指针正悬停在链接上
• active 链接正在被点击

使用对应的伪类选择符，以hover为例

a:hover {color:red;}

结构化伪类

如列表奇偶行颜色不同，可以使用:nth-child

• e:nth-child(n) e表示元素名，n表示一个数值(也可以使用odd和even)