当display属性设置为none时删除边框

Question

这似乎是一项简单的任务，但由于某些原因，当display属性设置为none时，我在删除边框时遇到问题。

据我所知，当display属性设置为none时，它会从html流中删除该元素。然而，在我提供的示例中，它仍然显示了最后一个元素的边界。

<div class="outer">
<div class="inner">
<div class="control">Foo</div>
<div class="control d-none">Bar</div>
</div>
</div>

https://jsfiddle.net/6hfzpcoL/

Answer 1

'd-none'元素仍然存在，只是对用户不可见。如果你检查容器，你会发现它仍然在那里，所以Foo不被认为是最后一个孩子，所以边界仍然被应用。

您试图实现的是CSS无法实现的，您只需要使用Javascript或JQuery。