CSS3仅在隐藏子项时才设置样式

Question

鉴于下面的html，只使用CSS，没有JS / jQuery - 我如何设置第一个LI＆gt; A只有在隐藏第二个LI（。dropdown-optional）时才会以特定方式显示（display：none）。

<ul>
  <li>
    <a class="btn">Item 1</a>
  </li>
  <li class="dropdown-optional">
    <a class="btn">Item 2</a>
  </li>
</ul>

由于