Selector (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"的元素将会设置基本的字体样式为16px高,Lucida Grande或者紧接着的后面的任一字体。

我们可以把上面的css添加给一些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>

页面的内容将会呈现出来的风格如下: