选择下一个元素 CSS

Question

我在 html 中有 2 个 div 元素：

<body>
  <div id="one"></div>
  <div></div>
</body>

我想用id="one"CSS 隐藏 div 后的 div 元素，我尝试了以下方法：

#one:after{display:none}

这没有其他办法吗？

Answer 1

不，:afterpseudo 不这样做，你需要使用

#one + div {
   display: none;
}

如果你想隐藏后面的所有内容 ，你将不得不使用div#one

#one ~ div {
   display: none;
}