伪类之LoVe HAte（爱恨）原则

伪类的定义和概念

• a:link 未访问链接
• a:visited已访问链接
• a:hover悬浮链接
• a:active活动链接

 在所有浏览器中，链接的默认外观是：

• 未被访问的链接带有下划线而且是蓝色的
• 已被访问的链接带有下划线而且是紫色的
• 活动链接带有下划线而且是红色的

 优先级：

1. 若没有a{}
2. 若无a:link，a:link将采用默认的字体大小和颜色
3. 若无a:hover，a:hover将继承a:link的所有属性。若有a:link，a:hover继承自己没有的属性。
4. 若没有a:active，a:active将先继承a:hover中的所有属性，然后从a:link继承没有的属性。
5. 若没有a:visited,  a:visited将采用默认的字体大小和颜色。

总结：优先级L->V->H->A。可以这样记LoVe HAte（爱恨）

 

         一个鼠标经过未访问链接同时拥有a:link、a:hover两种属性，鼠标经过的已访问链接同时拥有a:visited，a:hover两种属性。如果对于相同元素有针对不同条件的定义，宜将最一般的条件放在最上面，并依此向下，保证最下面的是最特殊的条件，后面的属性会覆盖前面的属性。