hover的用法

hover动态伪类选择器

效果

可以使鼠标滑过前面紧贴元素目标1时,触发动态效果.
在使用时只要确保hover前紧贴的元素是鼠标滑过的目标,最后花括号前的元素是希望改变属性的目标即可.

使用方法

目标1:hover目标2

1.在使用时可以先不加:hover,直接先确保在花括号前的选择器可以精准的选择到目标(层次选择器也不会影响正常使用.)
例如
.box1+.box2 .box3>.box4+.box5
2.如果想让选中box3时box5发生变化则可以直接在.box3后加:hover即可
即.box1+.box2 .box3:hover>.box4+.box5{}