CSS07 - 伪类
伪类可以用于文档状态的改变、动态的事件等,例如用户的鼠标点击某个元素、未被访问的链接。
伪类的种类
css 中常用的伪类有 4 种:
:link 应用于未被访问过的链接
:hover 应用于鼠标指针悬停在元素上时显示的样式
:active 应用于被激活的元素,如鼠标点住 button 按钮不松开时的效果
:visited 应用于已经被访问的过的链接
当伪类应用在链接上时,它们有着严格的顺序,顺序如下:
:link --> :visited --> :hover --> :active
伪类的应用
最常用的伪类是 :hover,hover 的作用是鼠标经过元素时显示已设置好的样式,示例图片如下:
hover伪类代码及效果
hover伪类代码及效果
版权声明: 本文为 InfoQ 作者【桃夭十一里】的原创文章。
原文链接:【http://xie.infoq.cn/article/c7d1562af509c822a5320ae9c】。
本文遵守【CC-BY 4.0】协议,转载请保留原文出处及本版权声明。
评论