伪类选择器

Author Avatar
Ninefire 6月 06, 2018
  • 在其它设备中阅读本文章

超链接相关的伪类

有四个伪类可以让你根据访问者与该链接的交互方式,将链接设置成4种不同的状态。

  • 正常链接:link
  • 访问过的链接:visited
    浏览器通过历史记录来判断链接是否被访问过,由于涉及到用户的隐私问题,所以使用visited伪类只能设置字体的颜色
  • 鼠标滑过的链接:hover
    不仅仅是a元素,其他元素也可以使用,但IE6除外
  • 正在点击的链接:active
    不仅仅是a元素,其他元素也可以使用,但IE6除外

另外两个常用伪类。

  • 获取焦点:focus
    比如文本框获取焦点以后的样式,也就是文本框正在输入时的状态。
    IE6不支持。
  • 选中的元素::selection
    要注意不同浏览器的兼容问题,例如火狐浏览器中要写为::-moz-selection

伪类专门用来表示元素的一种特殊的状态。
比如:访问过的超链接、普通的超链接、获取焦点的文本框。
当我们需要为处在这些特殊状态的元素设置样式时,就可以使用伪类。

如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/HTML&CSS.basics/13.html