css的伪类hover

关于伪类hover的笔记

基本的hover用法
方式一。

通过 .box:hover{}改变自身样式。

方式二.

通过.box:hover .box1{
background-color:yellow;
}
控制子元素

方式三 通过‘+’控制该元素，以下，第一个，目标兄弟元素

方式四，通过‘~’可以改变该元素，以下，所有，目标兄弟元素

重要补充点：.box:hover … 不能控制改变其父元素和其之上的元素
只能改变自身，内部，自己以下的兄弟元素。