parent-sibling为child时如何将CSS应用于hovered。
<div class="parent">
<div class="child"></div>
</div>
<div class="parent-sibling"></div>
我曾尝试关注但没有成功
.parent ~ parent-sibling < .child:hover {
display: block;
}
甚至有可能用CSS吗？
CSS中没有父选择器。您将不得不依靠父母的班级，这就是为什么您经常看到额外的班级，例如“有孩子”或在您的情况下为“有孩子徘徊”的原因。
您可以使用像JavaScript或更简单的JQuery之类的东西来选择一个悬停的孩子，然后遍历文档中的节点，找到所需的孩子，并修改样式或为其添加类。
但是，如果由于悬停了孩子而要修改父元素，则可能也可以将父对象也悬停为目标。在大多数情况下，鼠标活动会上升到父元素，因此您只需要对.parent：hover
使用另一条规则