电话
13363039260
经由依据元素在其位置的高下文相干来界说花色,你可使符号越发简便。
在 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>