经由依据元素在其位置的高下文相干来界说花色，你可使符号越发简便。

在 CSS1 中，经由过程这种门径来应用划定的抉择器被喻为高低文抉择器 (contextual selectors)，这是由于它们依赖于上下文干系来应用概略预防某项规定。在 CSS2 中，它们称为派生抉择器，可是岂论你如何称谓它们，它们的作用都是雷同的。

派生选择器批准你遵循文档的高下文相关来肯定某个标签的名堂。经过合理地使用派生抉择器，咱们可以使 HTML 代码变得加倍整洁。

比喻说，你指望列表中的 strong 元素变为斜体字，而不是一样平常的粗体字，可以这样界说一个派生决意器：

li strong {
    font-style: italic;
    font-weight: normal;
  }

请注意标志为 <strong> 的蓝色代码的高下文关系：

<p><strong>我是粗体字，不是斜体字，因为我不在列表当中，所以这个划定规矩对我不起浸染</strong></p>

<ol>
<li><strong>我是斜体字。这是由于 strong 元素位于 li 元素内。</strong></li>
<li>我是畸形的字体。</li>
</ol>

在上面的例子中，只需 li 元素中的 strong 元素的格局为斜体字，无需为 strong 元素界说特另外 class 或 id，代码更加简炼。

再看看下面的 CSS 规则：

strong {
     color: red;
     }

h2 {
     color: red;
     }

h2 strong {
     color: blue;
     }

下面是它施加影响的 HTML：

<p>The strongly emphasized word in this paragraph is<strong>red</strong>.</p>
<h2>This subhead is also red.</h2>
<h2>The strongly emphasized word in this subhead is<strong>blue</strong>.</h2>

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/rumen/r52808.shtml