Question

我在html中有2个div元素：

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

我想在CSS之后使用id="one"隐藏div元素，我试过这个：

#one:after{display:none}

这不能用于其他任何方式吗？

Answer 1

不，:after伪不这样做，你需要使用

#one + div {
   display: none;
}

如果您想要隐藏所有 div，然后隐藏#one，则必须使用

#one ~ div {
   display: none;
}

Answer 2

:after适用于生成的内容。你想要the adjacent sibling combinator：

#one + * {

}

Answer 3

如果你知道子元素的确切位置（就像你的第二个孩子一样），你可以使用nth-child伪类

div:nth-child(2)
{
    display:none;
}