《
CSS派生选择器》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302334192013.htm
下面是它施加影响的 HTML:
再看看下面的 CSS 规则:
 ,css样式设计时快速定位bug的几个好方法;
<p>The strongly emphasized word in this paragraph is<strong>red</strong>.</p>
<h2>This subhead is also red.</h2>,CSS样式表的基础知识;
<h2>The strongly emphasized word in this subhead is<strong>blue</strong>.</h2>
派生选择器容许你依据文档的上下文关系来断定某个标签的样式。通过公道地应用派生选择器,咱们可以使 HTML 代码变得更加整齐。
<ol>
<li><strong>我是斜体字。这是因为 strong 元素位于 li 元素内。</strong></li>
<,CSS样式表的分类详解;li>我是畸形的字体。</li>
</ol>
<p><strong>我是粗体字,不是斜体字,由于我不在列表当中,所以这个规矩对我不起作用</strong></p>
请留神标记为 <strong> 的蓝色代码的上下文关系:
比喻说,你盼望列表中的 strong 元素变为斜体字,而不是通常的粗体字,可以这样定义一个派生抉择器:
Tag:取舍 挑选
li strong {
font-style: italic,CSS样式表注释书写规范;
font-weight: normal;
 ,CSS样式表教程之浏览器默认样式; }
通过根据元素在其地位的高低文关联来定义款式,你能够使标志更加简练。
在 CSS1 中,通过这种方法来运用规则的选择器被称为上下文选择器 (contextual selectors),这是因为它们依附于上下文关系来利用或者防止某项规则,CSS样式表在网页设计中的特性。在 CSS2 中,它们称为派生选择器,CSS样式表在网页设计中的4个特性,然而无论你如何称说它们,它们的作用都是雷同的。
h2 {
color: red;
}
h2 strong {
color: blue;
 ,CSS样式如何实现Logo立体盒子效果; }
strong {
 ,css样式名规范命名建议; color: red;
}
在上面的例子中,只有 li 元素中的 strong 元素的样式为斜体字,无需为 strong 元素定义特殊的 class 或 id,CSS样式书写之选择器详解,代码更加简洁。
--> [
网站建设之]CSS派生选择器
(责任编辑:网站建设)
CSS派生选择器相关文章