CSS伪类

:hover伪类的定义

定义和用法

:hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。

说明

这个伪类应用处于“悬停状态”的元素。悬停定义为用户指示了一个元素但没有将其激活。对此最常见的例子是将鼠标指针移到 HTML 文档中一个超链接的边界范围内。

ps:其实如果只改变该元素内其他元素的样式我们是可以做到的。

锚伪类

一共有四个属性，分别是：未被访问状态，已访问状态，鼠标悬停状态和活动状态。

a:link{color:#FF0000}/* 未访问的链接 */

a:visited{color:#00FF00}/* 已访问的链接 */

a:hover{color:#FF00FF}/* 当有鼠标悬停在链接上 */

a:active{color:#0000FF}/* 被选择的链接 */

但是在设置的时候，如果不注意细节会导致设置无效化。

书写时应该按以下顺序来写:同一元素的锚伪类，低级的不能写在高级的前面，否则代码不会生效。

其他伪类

css伪类