~
[data-has-dropdowns]:hover ~ .data_site_mark {
height: 100vh;
}
+
只能控制兄弟元素 最接近目标元素的元素生效
例如如下
[data-has-dropdowns]:hover + .data_site_mark {
height: 100vh;
}
只有最右边的一个li hover后 .data_site_mark 才改变
微信扫一扫
~
[data-has-dropdowns]:hover ~ .data_site_mark {
height: 100vh;
}
+
只能控制兄弟元素 最接近目标元素的元素生效
例如如下
[data-has-dropdowns]:hover + .data_site_mark {
height: 100vh;
}
只有最右边的一个li hover后 .data_site_mark 才改变
相关推荐