CSS选择器(伪类选择器)

爱⌒轻易说出口 提交于 2020-03-12 13:25:45

伪类选择器

  伪类专门用来表示元素的一种特殊的状态

  比如:访问过的超链接,比如普通的超链接,比如获取焦点的文本框

  当我们需要为处在这些特殊状态的元素设置样式时,就可以使用伪类

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

  * 正常链接:- a:link

  * 访问过的链接:- a:visited(只能定义字体颜色)

  * 鼠标滑过的链接: -a:hover

  * 正在点击的链接: -a:active

  * 获取焦点:-:focus

 

  * 指定元素前:-:before

 

  * 指定元素后:-:after

 

  * 选中的元素:-::selection

 

 

 

  访问过的呈现紫色,未访问过呈现蓝色:

 

 

 

 

  为访问过的链接设置一个颜色为深红色

  浏览器是通过历史记录来判断一个链接是否访问过

  由于涉及到用户的隐私问题,所以使用visited伪类只能设置字体的颜色

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

  :hover 和 :active也可以为其他元素设置

  (IE6中不支持对超链接以外的元素设置)

 

 

 

 

 

 

 

 

 

 

  * 获取焦点:-:focus

  * 指定元素前:-:before

  * 指定元素后:-:after

  * 选中的元素:-::selection

 

 

 

 

 

 

 点出来后:

 

 

 

 

 

 

 

 

 

 

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!