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

Question

考虑以下CSS：

#searchSection label, input, select

如果label，input和select元素位于#searchSection内，那么

仅适用吗？

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

#searchSection label { }
input { }
select { }

Answer 1

没有

这意味着

• label
内的任何#searchSection
• 任何input
• 任何select

---

要应用input内的所有label，select和#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;
}