和一般的CSS语法不同(参见CSS语法),CSS伪类的语法有两种。

第一种:

selector:pseudo-class {property

也可以用HTML的class属性来设定伪类

例句:

a:link {color:red}

第二种:

selector.class:pseu

伪类是最常用的伪类

例句:

a.c1


锚(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:hover {color: #FFCC00} /* 鼠标悬浮

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

演示示例

例句:actived的顺序书写。

最后修改:2019 年 03 月 04 日
如果觉得我的文章对你有用,请随意赞赏