CSS :link 选择器

返回上一级

CSS :link 选择器用于向未访问的链接添加特殊的样式

:link 选择器对已经访问的链接没有样式

其它类似的选择器

  1. :visited 选择器设置访问过的页面链接的样式
  2. :hover 选择器当有鼠标悬停在其上的链接样式
  3. :active 选择器设置当你点击链接时的样式

浏览器支持

下表中的数字表示支持该属性的第一个浏览器版本号

4.0 7.0 2.0 3.1 9.6

范例

选择未访问链接样式

a:link { 
    background-color:yellow;
}

运行范例 »

范例 2

激活的、已访问的、未访问的或者当有鼠标悬停在其上的链接

a:link    {color:green;}
a:visited {color:green;}
a:hover   {color:red;}
a:active  {color:yellow;}

运行范例 »

范例 3

不同样式的链接样式

a.ex1:hover,a.ex1:active {color:red;}
a.ex2:hover,a.ex2:active {font-size:150%;}

运行范例 »

相关页面

  1. CSS 基础教程 CSS 链接
  2. CSS 基础教程 CSS 伪类

返回上一级

CSS 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.