<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？有没有办法寻找相邻的兄弟姐妹，选择第一个兄弟姐妹？