手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >有关于a标签的4个伪类的使用方法
有关于a标签的4个伪类的使用方法
摘要:a:link{color:#f30;}a:visited{color:#000;}a:hover{color:#fff;}a:active{...

a:link{color:#f30;}

a:visited{color:#000;}

a:hover{color:#fff;}

a:active{color:#f99;}

原理

首先伪类的特殊性(应用优先级)是同样的,所以后出现的伪类会覆盖先出现的伪类(同时激活)

lvha 规则是由于CSS特殊性导致,css特殊性有一个按顺序的规则(同一条css规则,后出现会覆盖前面的同样规则)

在这里,比如把hover放在active后面,那么实际你在激活(active)链接的时候就触发了hover伪类,hover在后面覆盖了active的颜色,所以始终无法看到active的颜色

如果把visited放在hover的后面,那么已经访问过的链接始终触发visited伪类,根据第一条会覆盖hover里面的颜色。

其实 link visited 这两个伪类,并不需要顺序关系。(他们两的位置可以交换)

【有关于a标签的4个伪类的使用方法】相关文章:

垂直三栏布局拥有相同高度的方法

关于CSS语法基础

css的三种定位方式使用探讨

chrome居中但ie不居中的解决方法

CSS的nth-child使用方法

初学入门简单了解学习CSS的伪类

css实现连续的英文或数字自动换行的方法

添加css样式的三种方法

min-width最小宽度的作用介绍

CSS条状图表形式的实现方法

精品推荐
分类导航