css 超链接 样式 a link visited hover active
2010-07-22 10:02
435 查看
定义和用法
:hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。说明
这个伪类应用处于“悬停状态”的元素。悬停定义为用户指示了一个元素但没有将其激活。对此最常见的例子是将鼠标指针移到 HTML 文档中一个超链接的边界范围内。理论上,其他元素也可以处于悬停状态,不过 CSS 没有定义究竟是哪些元素。激活的、已访问的、未访问的或者当有鼠标悬停在其上的链接,它们会在支持 CSS 的浏览器中以不同的方式显示出来:
a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00FF} /* 当有鼠标悬停在链接上 */ a:active {color: #0000FF} /* 被选择的链接 */
注释:为了产生预期的效果,在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后!!
注释:为了产生预期的效果,在 CSS 定义中,a:active 必须位于 a:hover 之后!!
注释:Pseudo-class(伪类)的名称对大小写不敏感。
注释:伪类可与 CSS 类配合使用:
a.red:visited {color: #FF0000;}
<a class="red" href="css_syntax.asp">CSS Syntax</a>[/code]
如果上面这个例子中的链接已访问过,那么它会显示为红色。
实例
规定链接的颜色:a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ [code]a:hover {color: #FF00FF}/* 当有鼠标悬停在链接上 */
a:active {color: #0000FF} /* 被选择的链接 */
[/code]
相关文章推荐
- (经验)在CSS中定义超链接样式a:link、a:visited、a:hover、a:active的顺序
- 【经验】在CSS中定义超链接样式a:link、a:visited、a:hover、a:active的顺序
- (经验)在CSS中定义超链接样式a:link、a:visited、a:hover、a:active的顺序
- 超链接标签的CSS伪类link,visited,hover,active
- css中关于超链接的四个属性一般正常顺序为:link,visited,hover,active
- a标签的四个css伪类(link、visited、hover、active)样式理解
- CSS中a标签样式原则 a:link a:visited a:hover a:active执行顺序
- a标签的四个css伪类(link、visited、hover、active)样式理解
- html 超链接样式设置(link;visited;hover;active)
- CSS链接的样式a:link,a:visited,a:hover,a:active
- 在CSS中定义a:link、a:visited、a:hover、a:active顺序
- 【经验】在CSS中定义a:link、a:visited、a:hover、a:active顺序
- 【经验】在CSS中定义a:link、a:visited、a:hover、a:active顺序
- Css中的伪类link,visited,hover,focus,active
- 在CSS中定义A:active/A:link/A:visited/A:hover顺序
- css伪类选择器,:link、:visited、:focus、:hover、:active、:first-child
- 在CSS中定义A:active/A:link/A:visited/A:hover顺序【zz】
- div+css处理链接的:link,:visited,:hover,:active四种状态
- 在CSS中定义a:link、a:visited、a:hover、a:active顺序
- CSS:a:link;visited;hover;active解释及正确顺序