首页 > 代码库 > 《精通CSS》对链接应用样式
《精通CSS》对链接应用样式
CSS的链接伪类选择器:
:link --- 用来选择没有被访问过的链接
:visited --- 用来选择被访问过的链接
:hover --- 用来选择鼠标悬停的元素
:active --- 用来选择被激活的元素,对于链接来说,激活发生在链接被点击时
大多数人最初使用这些选择器的目的之一是去掉链接下面的下划线,然后在鼠标停留在链接上或者点击时再打开下划线。实现的方法是将未访问的和已访问的链接的text-decoration属性设置为none,将鼠标停留和激活的链接的text-decoration设置为underline:
a:link, a:visited {text-decoration: none;}a:hover, a:active {text-decoration: underline;}
在前面的实例中,选择器的次序非常重要,如果次序反过来,鼠标停留和激活的样式就不起作用了:
a:hover , a:active {text-decoration: underline;}a:link , a:visited {text-decoration: none;}
这是由层叠造成的:当两个规则具有相同的特殊性时,后定义的规则优先。所以正确的顺心应该是:a:link,a:visited,a:hover,a:active。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。