1.UI伪类,会在HTML元素处于某个状态时,为该元素应用CSS样式。注意:有些伪类可以用于任何元素,而不仅仅是a元素。
*链接伪类:
Link:链接在哪里等着用户点击
Visited:用户在此前点击过这个链接
Hover:鼠标正悬停的链接上
Active:链接正在被点击(鼠标在元素上按下,还没有释放)
需要按照这里列出的顺序使用它们,当然也不一定非要把所有的4个状态都写出来。要发挥这些链接伪类的真正作用,还是得把它们用到上下选择符中,这样,就可以让不同区块内的链接具有不同的外观和行为了。
*e:focus伪类
*e:target伪类
如果用户点击一个指向页面中其他元素的链接,则那个元素就是目标(target),可以用target:伪类选中它。
<a href="#info"> information</a>
#info:target {background:red;}
2.结构化伪类,会在标记中存在某种结构生的关系时(如某个元素是一组元素中的第一个或者最后一个),为相应的元素应用CSS样式。
*e:first-child和e:last-child
*e:nth-child(n),n可以表示一个数值也可以用odd或even(最长用于提高表格的可读性,比如对表格的所有行交替使用不用的颜色)