CSS中的伪类是什么,有什么用??

html-css019

CSS中的伪类是什么,有什么用??,第1张

CSS伪类(Pseudoclasses)是选择符的螺栓,用来指定一个或者与其相关的选择符的状态。它们的形式是selector:pseudoclass{property:value},简单地用一个半角英文冒号(:)来隔开选择符和伪类。

CSS很多的建议并没有得到浏览器的支持,但有四个可以安全使用的用在连接上的CSS伪类。

◆link用在为访问的连接上。

◆visited用在已经访问过的连接上。

◆hover用于鼠标光标置于其上的连接。

◆active用于获得焦点(比如,被点击)的连接上。

例如:

a:link{color:red }  

a:visited{color:green}  

a:hover{color:blue}  

a:active{color:orange}

大部分浏览器支持四种基本的链接状态:未访问过的链接,已经被访问过的链接,访问者的鼠标停留在链接上面的状态,访问者鼠标点击时刻的状态。css提供了4个伪类选择器与这些状态相对应——:link, :visited, :hover, :active.利用它们可以应用不同的格式给每一种状态。

css伪类语法规则:

selector:pseudo-class{property:value

举个栗子:

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 之后,才是有效的。

提示:伪类名称对大小写不敏感。