作者:狐灵科技 | 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就隐藏的效果的了。