本文摘自PHP中文网,作者藏色散人,侵删。
css hover是一种用于选择鼠标指针浮动在上面的元素的选择器,该选择器的设置语法如“a:hover{background-color:yellow;}”。
本文操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。
:hover 选择器用于选择鼠标指针浮动在上面的元素。
提示::hover 选择器可用于所有元素,不只是链接。
提示::link 选择器设置指向未被访问页面的链接的样式,:visited 选择器用于设置指向已被访问的页面的链接,:active 选择器用于活动链接。
注释:在 CSS 定义中,:hover 必须位于 :link 和 :visited 之后(如果存在的话),这样样式才能生效。
实例
选择鼠标指针浮动在其上的元素,并设置其样式:
代码:
相关阅读 >>
更多相关阅读请进入《css》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者