《CSS派生選擇器》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302334192013.htm

下面是它施加影響的 HTML：

再看看下面的 CSS 規(guī)則：

 ,css樣式設(shè)計(jì)時(shí)快速定位bug的幾個(gè)好方法;

<p>The strongly emphasized word in this paragraph is<strong>red</strong>.</p>
<h2>This subhead is also red.</h2>,CSS樣式表的基礎(chǔ)知識(shí);
<h2>The strongly emphasized word in this subhead is<strong>blue</strong>.</h2>

派生選擇器容許你依據(jù)文檔的上下文關(guān)系來斷定某個(gè)標(biāo)簽的樣式。通過公道地應(yīng)用派生選擇器，咱們可以使 HTML 代碼變得更加整齊。

 

 

 

<ol>
<li><strong>我是斜體字。這是因?yàn)?strong 元素位于 li 元素內(nèi)。</strong></li>
<,CSS樣式表的分類詳解;li>我是畸形的字體。</li>
</ol>

 

<p><strong>我是粗體字，不是斜體字，由于我不在列表當(dāng)中，所以這個(gè)規(guī)矩對(duì)我不起作用</strong></p>

請(qǐng)留神標(biāo)記為 <strong> 的藍(lán)色代碼的上下文關(guān)系：

比喻說，你盼望列表中的 strong 元素變?yōu)樾斌w字，而不是通常的粗體字，可以這樣定義一個(gè)派生抉擇器：

Tag：取舍     挑選    

 

 

li strong {
    font-style: italic,CSS樣式表注釋書寫規(guī)范;
    font-weight: normal;
 ,CSS樣式表教程之瀏覽器默認(rèn)樣式; }

通過根據(jù)元素在其地位的高低文關(guān)聯(lián)來定義款式，你能夠使標(biāo)志更加簡練。

在 CSS1 中，通過這種方法來運(yùn)用規(guī)則的選擇器被稱為上下文選擇器 (contextual selectors)，這是因?yàn)樗鼈円栏接谏舷挛年P(guān)系來利用或者防止某項(xiàng)規(guī)則,CSS樣式表在網(wǎng)頁設(shè)計(jì)中的特性。在 CSS2 中，它們稱為派生選擇器,CSS樣式表在網(wǎng)頁設(shè)計(jì)中的4個(gè)特性，然而無論你如何稱說它們，它們的作用都是雷同的。

h2 {
     color: red;
     }

 

h2 strong {
     color: blue;
    ,CSS樣式如何實(shí)現(xiàn)Logo立體盒子效果; }

strong {
    ,css樣式名規(guī)范命名建議; color: red;
     }

在上面的例子中，只有 li 元素中的 strong 元素的樣式為斜體字，無需為 strong 元素定義特殊的 class 或 id,CSS樣式書寫之選擇器詳解，代碼更加簡潔。

--> [網(wǎng)站建設(shè)之]CSS派生選擇器


(責(zé)任編輯：網(wǎng)站建設(shè))
CSS派生選擇器相關(guān)文章