<分区>
标签 css
<分区>
我不相信我可以使用 :parent 或 sibling 伪类，因为它们都不是。它们是彼此完全分离的元素。我想知道是否可以在没有任何 JS 的情况下执行此操作。仅限纯 CSS。下面是我的标记。
<ul id="onsix"><!-- first instance -->
<li id="one" class="shov one"><a class="one" href="#">Lorem Ipsum.</a></li><br>
<li id="two" class="shov two"><a class="one" href="#">Lorem Ipsum.</a></li><br>
<li id="three" class="shov three"><a class="one" href="#">Lorem Ipsum.</a></li><br>
</ul>
<div class="twosix"><!-- second instance -->
<div id="one2" class="over shov one"></div>
<div id="two2" class="over shov two"></div>
<div id="three2" class="over shov three"></div>
</div>
基本上，当类一的任一实例悬停时，我想使用 class="one" 为两个实例添加悬停效果。到目前为止，我已经尝试过 sibling psuedo 类，但没有成功。
所以，本质上是这两个元素。
<li id="one" class="shov one"><a class="one" href="#">Lorem Ipsum.</a></li><br>
和
<div id="one2" class="over shov one"></div>
最佳答案
要在没有 javascript 的情况下执行此操作，您需要一个描述链的选择器，例如
.one:parent—sibling—child.one
但是，有still no parent selector在 CSS3 中，所以不，没有 javascript 就无法做到这一点。
关于css - 如果悬停在其中一个或上，则将悬停添加到具有共享选择器的两个元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39086467/