赵工的个人空间


网络课堂部分转网页计算部分转编程演练

 CSS3的使用技巧

首页 > 网络课堂 > CSS3的使用技巧 > CSS伪类的使用
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;
}

把:hover伪类加载到path元素上,当把鼠标放置到<path>元素上时,path会使用red颜色填充path区域。这样就不需要写onmouseover的事件处理代码了。
Copyright@dwenzhao.cn All Rights Reserved   备案号:粤ICP备15026949号
联系邮箱:dwenzhao@163.com  QQ:1608288659