hover属性

hover

1、hover的定义

:hover 选择器用于选择鼠标指针浮动在上面的元素，它适用于所有元素

:hover 选择器适用于所有元素

2、hover的用法

用法一：鼠标悬浮在元素上改变元素样式

#div1{
width: 500px;
height: 500px;
background: red;
}
#div1:hover{
background: black;
}

用法2：通过hover控制其他块的样式

（1）控制子元素的样式 : ‘>’ 控制子元素

  (2) 控制后代元素的样式 : ‘ ’ 控制后代元素

（3）控制兄弟元素的样式 : ‘+’ 控制同级元素（兄弟元素）

（4）控制就近元素的样式 : ‘～’ 控制就近元素