关于hover在父级子级和兄弟级之间的应用

父级:hover 子级(实现鼠标移到父级时,改变子级的效果.父对子)

鼠标移动到父盒子的时候,里面某个盒子的样式发生变化的,只需要直接在hover后面加空格并且加上子盒子的类名,里面再写其他样式

类名一:hover+类名二(实现鼠标移动到类名一时,改变类名二的效果.兄弟对兄弟)

鼠标移动到某个盒子的时候,与其同级的某个盒子的样式发生变化的,只需要直接在hover后面加+号并且加上同级盒子的类名,里面再写其他样式

类名一:hover~类名二(实现鼠标移动到类名一时,改变类名二的效果.类名二不能是类名一的上级,a对b)

鼠标移动到某个盒子的时候,其下一级的某个盒子的样式发生变化的,只需要直接在hover后面加~号并且加上下一级盒子的类名,里面再写其他样式

猜你喜欢

转载自blog.csdn.net/youthwsj/article/details/125816886