CSS显示/隐藏下一个元素

Question

我想通过CSS 隐藏第二个id值my2：

<div class="node1">
  <div class="xxx"> blablabla </div>
</div>
<div id="my2">
  <div class="xxx"> blablalbla </div>
</div>
<div class="node2">
  <div class="xxx"> blablabla </div>
</div>
<div id="my2">
  <div class="xxx"> blablalbla </div>
</div>

是否可以隐藏第二个my2 div？

例如

.node2 ? #my2 {
     display:none;
}

谢谢！

Answer 1

是可能的：

使用~您可以选择该类别的所有兄弟姐妹（您的情况）。

.node2 ~ #my2{ 
  display:none; 
}

您还可以+用于选择直接同级。

.node2 + #my2{ 
   display:none; 
 }

希望能帮助到你！

Answer 2

为了定位 .node2 之后的 #my2 元素，您需要在它们之间添加一个 + 号。

.node2 + #my2 {
  display: none;
}

但如前所述，使用多个 id 是无效标记。