:hover伪类的定义
定义和用法
:hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。
说明
这个伪类应用处于“悬停状态”的元素。悬停定义为用户指示了一个元素但没有将其激活。对此最常见的例子是将鼠标指针移到 HTML 文档中一个超链接的边界范围内。
ps:其实如果只改变该元素内其他元素的样式我们是可以做到的。
锚伪类
一共有四个属性,分别是:未被访问状态,已访问状态,鼠标悬停状态和活动状态。
a:link{color:#FF0000}/* 未访问的链接 */
a:visited{color:#00FF00}/* 已访问的链接 */
a:hover{color:#FF00FF}/* 当有鼠标悬停在链接上 */
a:active{color:#0000FF}/* 被选择的链接 */
但是在设置的时候,如果不注意细节会导致设置无效化。
书写时应该按以下顺序来写:同一元素的锚伪类,低级的不能写在高级的前面,否则代码不会生效。