html - 这个选择器是否要求子元素首先成为命名元素的一部分（即分层）？

Question

考虑以下 CSS：

#searchSection label, input, select

仅当、和元素在 ? 内时才适用？labelinputselect#searchSection

有些东西告诉我它最终更像是这个 CSS：

#searchSection label { }
input { }
select { }

Answer 1

不，

这表示

• 任何label里面#searchSection
• 任何input
• 任何select

---

应用于所有inputs, labels 和selects 里面#searchSection：

#searchSection label,
#searchSection input,
#searchSection select{
    color:#F00;
}

Answer 2

后者是真的。

如果您只想选择 ID 内的标签、输入和选择，那么您需要：

#searchSection label,
#searchSection input,
#searchSection select {

}

如果您想对所有三个应用类似的样式，那么给每个项目一个类属性。假设你把class="border-radius"

然后写：

#searchSection .border-radius {
   border-radius: 10px;
}