css hover后控制同级元素样式

​​~​​

[data-has-dropdowns]:hover ~ .data_site_mark {
    height: 100vh;
  }

​​+​​​ 只能控制兄弟元素 最接近目标元素的元素生效
例如如下

[data-has-dropdowns]:hover + .data_site_mark {
    height: 100vh;
  }

只有最右边的一个li hover后 .data_site_mark 才改变