选择器 (CSS)

**CSS选择器**是CSS规则的一部分，用于描述规则将匹配文档中的哪些元素。匹配的元素将应用规则中指定的样式。

示例

考虑以下CSS代码：

css
p {
  color: green;
}

div.warning {
  width: 100%;
  border: 2px solid yellow;
  color: white;
  background-color: darkred;
  padding: 0.8em 0.8em 0.6em;
}

#customized {
  font:
    16px Lucida Grande,
    Arial,
    Helvetica,
    sans-serif;
}

此处的选择器为"p"（将绿色应用于任何<p>元素内的文本）、"div.warning"（使任何具有class "warning"的<div>元素看起来像警告框）以及"#customized"（将ID为"customized"的元素的基本字体设置为16像素高的Lucida Grande或一些备用字体）。

然后，我们可以将此CSS应用于一些HTML，例如：

html
<p>This is happy text.</p>

<div class="warning">
  Be careful! There are wizards present, and they are quick to anger!
</div>

<div id="customized">
  <p>This is happy text.</p>

  <div class="warning">
    Be careful! There are wizards present, and they are quick to anger!
  </div>
</div>

生成的页面内容样式如下：

另请参阅