您的位置:首页 > 其它

伪类之LoVe HAte(爱恨)原则

2016-11-18 19:49 363 查看
伪类的定义和概念

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

 在所有浏览器中,链接的默认外观是:

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

 优先级:

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

总结:优先级L->V->H->A。可以这样记LoVe HAte(爱恨)
 

         一个鼠标经过未访问链接同时拥有a:link、a:hover两种属性,鼠标经过的已访问链接同时拥有a:visited,a:hover两种属性。如果对于相同元素有针对不同条件的定义,宜将最一般的条件放在最上面,并依此向下,保证最下面的是最特殊的条件,后面的属性会覆盖前面的属性。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息