当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS派生选择器

时间:2013-03-02 03:46来源:未知 作者:admin 点击:

标签:CSS派生选择器 下面(16)施加(1)派生(1)选择器(20)是它(1)HTML(42)再看(3)响的(1)CSS(655)
下面是它施加影响的 HTML: 再看看下面的 CSS 规则: pThe strongly emphasized word in this paragraph isstrongred/strong./p h2This subhead is also red./h2 h2The strongly emphasized word in this subhead isstrongblue/strong./h2 派生选择器容许你
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派生选择器相关文章
上一篇:css样式设计时快速定位bug的几个好方法 下一篇:CSS清理浮动方式更简洁的方案
回到顶部