通过悬停不同元素将非孩子HTML元素的CSS定位

时间:2018-07-06 15:16:19

标签: css css3 less

如何在悬停其他非相邻元素时编写CSS以将元素的样式作为目标:

esp-ebp

例如, <div class="target"></div> ... <div class="button_one"></div> <div class="button_two"></div> .button_one:hover应该修改.button_two:hover元素的类。

我尝试了同级和相邻选择器无济于事:

.target

.button_one:hover + .target { background: yellow; }

这些对我不起作用。我知道我可以使用javascript或jquery轻松做到这一点,但我想使用纯CSS。

由于没有兄弟选择器,用CSS实现此目的的最佳方法是什么?

正如一位评论者所述,没有以前的兄弟选择器,那么在CSS中有什么方法可以做到这一点?

0 个答案:

没有答案