特定のクラスの li の empty に背景色をつけるにはどうすればよいですか？

分からないなりにここまできたのですが...、ご質問させて下さい。
class="month" の <li> の empty に背景色をつけたい場合どのようにすればいいのでしょうか？

<body>
    <main>
    <h1>テーマ</h1>
    <h2 class="month" data-subtitle=" - ①">動向</h2>
    <ul>
      <li>こんな感じです。</li>
      <li>こんな感じです。</li>
      <li>こんな感じです。</li>
      <li>こんな感じです。</li>
      <li>こんな感じです。</li>
      <li>こんな感じです。</li>
      <li></li>
      <li>こんな感じです。</li>
    </ul>


    <h2 class="year" data-subtitle=" - ②">動向</h2>
    <p>こんな感じです。</p>
    <ul>
      <li>こんな感じです。</li>
      <li>こんな感じです。</li>
      <li>こんな感じです。</li>
      <li>こんな感じです。</li>
      <li>こんな感じです。</li>
      <li>こんな感じです。</li>
      <li></li>
      <li>こんな感じです。</li>
    </ul>   
  </main>
  </body>

li:empty とすると class="year" の empty にも色がついてしまいます。
.month > ul > li とすると、どこにも色がつきません。
どのように書けばいいのでしょうか？

ドットインストール - 3分動画でマスターできるプログラミング学習サービス

特定のクラスの li の empty に背景色をつけるにはどうすればよいですか？

このレッスンの質問と回答（8）

この質問のレッスン

サービスメニュー

ご利用にあたって

プログラミング勉強会

ソーシャルメディア

更新情報