css - CSS3仅在隐藏孩子时设置样式

Question

给定下面的 html，仅使用 CSS，不使用 JS/jQuery - 只有当第二个 LI（.dropdown-optional）被隐藏（显示：无）时，我才能以特定方式设置第一个 LI > A 的样式。

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

谢谢