css - 子が非表示の場合にのみスタイルを設定する CSS3

Question

以下の html を指定すると、CSS のみを使用し、JS/jQuery を使用しません - 2 番目の LI (.dropdown-optional) が非表示 (display:none) の場合にのみ、最初の LI > A を特定の方法でスタイル設定するにはどうすればよいですか。

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

ありがとう