作者:狐灵科技 | 2020-02-06 20:24 |点击:
用法1:这个表示的是:当鼠标悬浮在a这个样式上的时候,a的背景颜色设置为黄色
a:hover { background-color:yellow; }用法2:
使用a 控制其他块的样式:
使用a控制a的子元素 b:
.a:hover .b { background-color:blue; }.a:hover + .c { color:red; }.a:hover ~ .d { color:pink; }:hover功能实现内嵌一个div隐藏、呈现功能display: none 就可以实现鼠标移动到绿色div就隐藏的效果的了。