通过依据元素在其位置的上下文关系来定义样式

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

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

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

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

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

  }

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

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

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

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

再看看下面的 CSS 规则：

strong {
    
     color: red;

     }

h2 {
    
     color: red;

     }

h2 strong {
    
     color: blue;

     }
    

下面是它施加影响的 HTML：

The strongly emphasized word in this paragraph isred.
This subhead is also red.
The strongly emphasized word in this subhead isblue.

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！