大家知道什么是CSS的伪类吗?下面我们就给大家详细介绍一下吧!我们积累了一些经验，在此拿出来与大家分享下，请大家互相指正。

第一种：selector:pseudo-class {property: value} 也可以用HTML的class属性来设定伪类。

例句：

以下是引用片段：

a:link {color:red}

第二种：selector.class:pseudo-class {property: value}　伪类是最常用的伪类。

例句：

以下是引用片段：

a.c1:link {color:red}

锚(a)伪类

CSS很多的建议并没有得到浏览器的支持，但有四个可以安全使用的用在连接上的伪类。锚(a)伪类是最常用的伪类。例句如下：

以下是引用片段：

a:link {color: #FF0000} /* 未被访问的链接 红色 */

a:visited {color: #00FF00} /* 已被访问过的链接 绿色 */

a:hover {color: #FFCC00} /* 鼠标悬浮在上的链接 橙色 */

a:active {color: #0000FF} /* 鼠标点中激活链接 蓝色 */

也可以用HTML的class属性来设定伪类。例句如下：

以下是引用片段：

a.c1:link {color: #FF0000} /* 未被访问的链接 红色 */

a.c1:visited {color: #00FF00} /* 已被访问过的链接 绿色 */

a.c1:hover {color: #FFCC00} /* 鼠标悬浮在上的链接 橙色 */

a.c1:active {color: #0000FF} /* 鼠标点中激活链接 蓝色 */

例句：actived的顺序书写。

注：由于CSS优先级的关系(后面比前面的优先级高)，在写a的CSS时，一定要按照a:link， a:visited， a:hover， a:actived的顺序书写。

相信大家已经学会什么是CSS的伪类吧!感谢大家对我们网站的支持!

相关推荐：

CSS隐藏内容样式的方法