写点什么

CSS07 - 伪类

发布于: 2021 年 01 月 07 日
CSS07 - 伪类

伪类可以用于文档状态的改变、动态的事件等,例如用户的鼠标点击某个元素、未被访问的链接。

伪类的种类

css 中常用的伪类有 4 种:

:link 应用于未被访问过的链接

:hover 应用于鼠标指针悬停在元素上时显示的样式

:active 应用于被激活的元素,如鼠标点住 button 按钮不松开时的效果

:visited 应用于已经被访问的过的链接

当伪类应用在链接上时,它们有着严格的顺序,顺序如下:

:link --> :visited --> :hover --> :active

伪类的应用

最常用的伪类是 :hover,hover 的作用是鼠标经过元素时显示已设置好的样式,示例图片如下:

hover伪类代码及效果


hover伪类代码及效果


发布于: 2021 年 01 月 07 日阅读数: 20
用户头像

所思在远道 2020.08.19 加入

一只慢慢进步的小白

评论

发布
暂无评论
CSS07 - 伪类