CSS中的伪类是什么，有什么用？？

html-css025

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}

定义链接在鼠标被激活（点下去）时候的样式。操作方法如下：

1、新建一个html文件，命名为test.html，a标签四个不同的伪类，有不同的效果。

2、利用a标签伪类改变字体的颜色。下面代码实现了a标签的默认颜色为红色，点击链接过后，颜色变为绿色，当鼠标放在连接上显示粉红色。

3、利用a标签伪类改变字体的大小。下面代码实现了a标签的默认大小为20px，点击链接过后，大小变为40px。

4、利用a标签伪类改变链接的背景颜色。下面代码实现了a标签的默认背景颜色为红色，点击链接过后，背景颜色变为绿色。

5、利用a标签伪类改变链接的字体。下面代码实现了a标签的默认字体为Monospace，点击链接过后，字体变为Arial。

6、最后利用a标签伪类去掉连接默认的下划线。下面代码实现了a标签在任何状态下都没有下划线。

写一个类比如aa

.aa:hover{

border:1px

}

调用此样式：<a herf="xxx" class="aa">你也好</a>

又比如：<div><a>你好</a></div>

样式就可以：

.aa a:hover{

color:red

}

调用：

<div class="aa"><a>你好</a></div>

明白不？