這篇文章主要講解了“CSS派生選擇器怎么定義”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“CSS派生選擇器怎么定義”吧！

CSS 派生選擇器

通過(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)記為 的藍(lán)色代碼的上下文關(guān)系：

我是粗體字，不是斜體字，因?yàn)槲也辉诹斜懋?dāng)中，所以這個(gè)規(guī)則對(duì)我不起作用
我是斜體字。這是因?yàn)?nbsp;strong 元素位于 li 元素內(nèi)。
我是正常的字體。

在上面的例子中，只有 li 元素中的 strong 元素的樣式為斜體字，無(wú)需為 strong 元素定義特別的 class 或 id，代碼更加簡(jiǎn)潔。

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

strong {     color: red;     }h3 {     color: red;     }h3 strong {     color: blue;     }

下面是它施加影響的 HTML：

The strongly emphasized word in this paragraph isred.
This subhead is also red.
The strongly emphasized word in this subhead isblue.

感謝各位的閱讀，以上就是“CSS派生選擇器怎么定義”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)CSS派生選擇器怎么定義這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！