Html 使用CSS选择器设置样式

我有一些HTML，如下所示：

<div id="myDiv">
  <div class="some-group open">
    <ul class="multi-item-container some-list">
      <li class="multi-item multi-group multi-group-button">
        <label>Header text</label>
      </li>
      <li><a ...>...</a></li>
      <li><a ...>...</a></li>
      <li><a ...>...</a></li>
      <li class="multi-item multi-group multi-group-button">
        <label>Another header</label>
      </li>
      <li><a ...>...</a></li>
      <li><a ...>...</a></li>
      <li><a ...>...</a></li>
    </ul>
  </div>
</div>

但是，我不知道如何使用从

myDiv

开始的嵌套CSS选择器。如何使用CSS选择器以这种样式更新标题

---

谢谢

有很多方法，这取决于多种因素，但这些方法可行：

不太具体：

#myDiv label {...}

#myDiv div.some-group.open ul.multi-item-container.some-list li.multi-item.multi-group.multi-group-button label {...}

更具体地说：

#myDiv label {...}

#myDiv div.some-group.open ul.multi-item-container.some-list li.multi-item.multi-group.multi-group-button label {...}

---

从

#myDiv

到

标签

#myDiv ul li label

#myDiv li标签{}

标签用于

输入

，但不用于

列表

。