文件大小:
軟件介紹
派生選擇器
通過(guò)依據(jù)元素在其位置的上下文關(guān)系來(lái)定義樣式,你可以使標(biāo)記更加簡(jiǎn)潔。
在 CSS1 中,通過(guò)這種方式來(lái)應(yīng)用規(guī)則的選擇器被稱為上下文選擇器 (contextual selectors),這是由于它們依賴于上下文關(guān)系來(lái)應(yīng)用或者避免某項(xiàng)規(guī)則。在 CSS2 中,它們稱為派生選擇器,但是無(wú)論你如何稱呼它們,它們的作用都是相同的。
派生選擇器允許你根據(jù)文檔的上下文關(guān)系來(lái)確定某個(gè)標(biāo)簽的樣式。通過(guò)合理地使用派生選擇器,我們可以使 HTML 代碼變得更加整潔。
比方說(shuō),你希望列表中的 strong 元素變?yōu)樾斌w字,而不是通常的粗體字,可以這樣定義一個(gè)派生選擇器:
li strong {font-style: italic;
font-weight: normal;
}
請(qǐng)注意標(biāo)記為 <strong> 的藍(lán)色代碼的上下文關(guān)系:
<p><strong>我是粗體字,不是斜體字,因?yàn)槲也辉诹斜懋?dāng)中,所以這個(gè)規(guī)則對(duì)我不起作用</strong></p><ol><li><strong>我是斜體字。這是因?yàn)?strong 元素位于 li 元素內(nèi)。</strong></li><li>我是正常的字體。</li>
</ol>
在上面的例子中,只有 li 元素中的 strong 元素的樣式為斜體字,無(wú)需為 strong 元素定義特別的 class 或 id,代碼更加簡(jiǎn)潔。
再看看下面的 CSS 規(guī)則:
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>
版權(quán)聲明:
1 本站所有資源(含游戲)均是軟件作者、開發(fā)商投稿,任何涉及商業(yè)盈利目的均不得使用,否則產(chǎn)生的一切后果將由您自己承擔(dān)!
2 本站將不對(duì)任何資源負(fù)法律責(zé)任,所有資源請(qǐng)?jiān)谙螺d后24小時(shí)內(nèi)刪除。
3 若有關(guān)在線投稿、無(wú)法下載等問(wèn)題,請(qǐng)與本站客服人員聯(lián)系。
4 如侵犯了您的版權(quán)、商標(biāo)等,請(qǐng)立刻聯(lián)系我們并具體說(shuō)明情況后,本站將盡快處理刪除,聯(lián)系QQ:2499894784
- 千億體育手機(jī)版本v2.0.1 安卓版
- tplink物聯(lián)電腦版(原tplink安防) v2.12.17.
- Sandboxie Plus v1.9.8 / v5.64.8 開源電腦
- 字魂100號(hào)方方先鋒體字體包免費(fèi)版
- 奧維互動(dòng)地圖奧維地圖PC破解版VIP V9.0.6
- 蘭博對(duì)戰(zhàn)平臺(tái) V1.38.6 官方最新版 / 蘭博玩
- reWASD(Xbox One手柄映射工具) V6.0.1.5190
- mtool修改器 V2023.11 官方最新版 / mtool
- 115轉(zhuǎn)存助手ui優(yōu)化版腳本 V3.9.1 綠色免費(fèi)
- iSecure Center電腦客戶端 V1.5.0 官方版
點(diǎn)擊加載更多評(píng)論>>