Html 此选择器是否要求子元素首先是命名元素的一部分（即分层）？

考虑以下CSS：

#searchSection label, input, select

如果

标签

、

输入

和

选择

元素位于

#搜索部分

内，该是否仅适用

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

#searchSection label { }
input { }
select { }

不,

这意味着

• 任何

  标签

  内

  #搜索部分

• 任何

  输入

• 任何

  选择
  

---

要应用于所有

输入

s、

标签

s和

选择
内的
s搜索部分
：

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

不,

这意味着


任何
标签
内
#搜索部分
任何
输入
任何
选择



要应用于所有
输入
s、
标签
s和
选择
内的
s搜索部分
：

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

后者是正确的

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

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

}

如果要将类似样式应用于所有三个项目，请为每个项目指定一个类属性。假设您将
class=“border radius”

然后写：

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

后者是正确的

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

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

}

如果要将类似样式应用于所有三个项目，请为每个项目指定一个类属性。假设您将
class=“border radius”

然后写：

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

你可以很容易地测试一下，看看会发生什么。@j08691，你说得很对，我只是有时候喜欢社区验证。我尽量让我的问题简洁、有针对性，这样问题就不会太长、太长，但如果其他人需要帮助，我可以通过谷歌搜索找到。你可以很容易地测试一下，看看会发生什么。@j08691，你说得很对，我只是有时候喜欢社区验证。我尽量让我的问题简洁、有针对性，这样它们就不会太长、太长，但如果其他人需要帮助，可以通过谷歌搜索找到。有没有更好的方法来编写CSS，这样我就不必在每个问题前面加上
#searchSection
？CSS似乎需要过度的类扩展-我可能错了-但我似乎总是在创建一个类。非常感谢您的帮助。@MichaelPerrenoud类功能非常强大，特别是在一般情况下，比如在某些区域添加圆角。有没有更好的方法来编写CSS，这样我就不必在每个部分前面加上
#searchSection
？CSS似乎需要过度的类增殖-我可能错了-但我似乎总是在创建一个类。非常感谢您的帮助。@MichaelPerrenoud类的功能非常强大，特别是在一般情况下，比如在某些区域添加圆角。