CSS伪类的使用
CSS中经常使用class作为选择器,称为类,在网页中需要显式地为一些元素指定class="classname",然后定义的元素就可以使用这个类定义的属性。CSS中还定义了一些伪类,它使用网页内部赋予的一些特性和功能,而不用显式来指定。常用的伪类有::link:、:vistited、:hover:、:active、:focus、:lang、:right、:left、:first、:after、:first-child等。
有些伪类是CSS3新增的,目前尚未获得所以浏览器的支持,为了兼容性,避免使用一些较新的伪类。而:link:、:vistited、:hover、:active等是CSS2版本中就支持的,可以安全使用。这四种伪类最初都是与<a>标记配合使用的,也就是定义超链接的相关样式,很常用。后来扩展到其他网页元素中也能使用。
使用伪类可以获得一些动态效果,而省去编写JavaScript代码,很方便。比如:
path:hover {
fill: red;
}