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