一聚教程网:一个值得你收藏的教程网站

热门教程

什么是CSS伪类 有什么作用?

时间:2022-07-02 12:36:48 编辑:袖梨 来源:一聚教程网

  
  伪类(Pseudo classes)是选择符的螺栓,用来指定一个或者与其相关的选择符的状态。它们的形式是selector:pseudo class { property: value; },简单地用一个半角英文冒号(:)来隔开选择符和伪类。
  CSS很多的建议并没有得到浏览器的支持,但有四个可以安全使用的用在连接上的伪类。
link用在为访问的连接上。
visited用在已经访问过的连接上。
hover用于鼠标光标置于其上的连接。
active用于获得焦点(比如,被点击)的连接上。
  例如:

 代码如下 复制代码
a:link {
    color:red
}
a:visited {
    color:green
}
a:hover {
    color:blue
}
a:active {
    color:orange
}

注意
  尽管CSS给予你绕开的控制权,用不同的颜色表示已经访问过的连接是一个很好的习惯,因为很多用户还是这样预期的。伪类(除了hover)不常用,恐怕也没有过去常用。因此,它没有过去那样有用了。但如果你能收集用户的意见,你会发现应该使用它。
  传统上,连接文本是蓝色的,已访问的连接是紫色的。也许,这是最有效、最有用的颜色。然而,伴随着CSS的广泛发展,这种颜色不会是平常的了,用户也不再假设连接必须是蓝色或紫色的。
还应注意
  你应该也可以在除了连接的其他元素上使用hover伪类。不幸的是,Internet Explore并不支持。这真是一个极大的烦恼。
  

热门栏目