前端之家收集整理的这篇文章主要介绍了
CSS：选择第一个相邻的兄弟，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我有一个这样的HTML列表：
<ul>
<li class="heading">Heading 1</li>
<li class="heading">Heading 2</li>
<li>Text Under Heading 2</li>
</ul>
由于标题1没有文本，我想用CSS隐藏它。
如果我这样做
li.heading + li.heading { display: none; }
它隐藏了标题2而不是标题1。
如何隐藏标题1？有没有办法寻找相邻的兄弟姐妹，选择第一个兄弟姐妹？
目前无法使用CSS定义和实现。它将需要一个选择器，根据它的兄弟之后选择一个元素。 CSS选择器可以基于前一个元素或外部元素选择一个元素，但不能基于以下或内部元素。
可以以相当简单的方式使用JavaScript来实现所需的效果，您可以根据目的决定是否从显示中删除元素或将其从文档树中完全删除。
原文链接：https://www.f2er.com/css/218592.html
