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

階層について理解している必要があります。
2021年12月10日
ユーザー

分からないなりにここまできたのですが...、ご質問させて下さい。
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 とすると、どこにも色がつきません。
どのように書けばいいのでしょうか?

この回答を見るにはプレミアムサービスへの登録が必要です

プレミアムサービスとは?