摘要：知道存在是很有用的，這樣當(dāng)你在別人的代碼中遇到它時(shí)，你就知道它是什么了。如上面所示的示例所示，元素選擇器具有很低的特殊性。類選擇器具有更高特殊性，所以將戰(zhàn)勝元素選擇器。個(gè)位在整個(gè)選擇器中每包含一個(gè)元素選擇器或偽元素就在該列中加分。

在實(shí)際的工作中，我們可能還有些疑惑，當(dāng)有多個(gè)選擇器作用在一個(gè)元素上時(shí)，哪個(gè)規(guī)則最終會(huì)應(yīng)用到元素上？其實(shí)這是通過(guò)層疊機(jī)制來(lái)控制的，這也和樣式繼承(元素從其父元素那里獲得屬性值)有關(guān)。

CSS 是 Cascading Style Sheets 的縮寫，這暗示 層疊（cascade） 的概念是很重要的。在最基本的層面上，它表明CSS規(guī)則的順序很重要，但它比那更復(fù)雜。什么選擇器在層疊中勝出取決于三個(gè)因素（這些都是按重量級(jí)順序排列的——前面的的一種會(huì)否決后一種）：

重要性（Importance）

特殊性（Specificity）

源代碼次序（Source order）

在CSS中，有一個(gè)特別的語(yǔ)法可以讓一條規(guī)則總是優(yōu)先于其他規(guī)則：!important。把它加在屬性值的后面可以使這條聲明有無(wú)比強(qiáng)大的力量。

注意: 重載這個(gè) !important 聲明的唯一方法是在后面的源碼或者是一個(gè)擁有更高特殊性的源碼中包含相同的 !important 特性的聲明。

知道 !important存在是很有用的，這樣當(dāng)你在別人的代碼中遇到它時(shí)，你就知道它是什么了。但是！我們建議你千萬(wàn)不要使用它，除非你絕對(duì)必須使用它。您可能不得不使用它的一種情況是，當(dāng)您在CMS中工作時(shí)，您不能編輯核心的CSS模塊，并且您確實(shí)想要重寫一種不能以其他方式覆蓋的樣式。 但是，如果你能避免的話，不要使用它。由于 !important 改變了層疊正常工作的方式，因此調(diào)試CSS問(wèn)題，尤其是在大型樣式表中，會(huì)變得非常困難。

要注意一個(gè)CSS聲明的重要性取決于它被指定在什么樣式表內(nèi)——用戶可以設(shè)置自定義樣式表覆蓋開發(fā)商的樣式，例如用戶可能有視力障礙，想設(shè)置字體大小對(duì)所有網(wǎng)頁(yè)的訪問(wèn)是雙倍的正常大小，以便更容易閱讀。

相互沖突的聲明將按以下順序適用，后一種將覆蓋先前的聲明：

在用戶代理樣式表的聲明 (例如：瀏覽器在沒有其他聲明的默認(rèn)樣式).

用戶樣式表中的普通聲明（由用戶設(shè)置的自定義樣式）。

作者樣式表中的普通聲明（這是我們?cè)O(shè)置的樣式，Web開發(fā)人員）。

作者樣式表中的重要聲明

用戶樣式表中的重要聲明(優(yōu)先級(jí)最高)

Web開發(fā)者的樣式表覆蓋用戶的樣式表是合理的，所以設(shè)計(jì)可以保持預(yù)期，但是有時(shí)候用戶有很好的理由來(lái)重寫web開發(fā)人員樣式，如上所述，這可以通過(guò)在用戶的規(guī)則中使用 !important。

特殊性基本上是衡量選擇器的具體程度的一種方法——它能匹配多少元素。如上面所示的示例所示，元素選擇器具有很低的特殊性。類選擇器具有更高特殊性，所以將戰(zhàn)勝元素選擇器。ID選擇器有甚至更高的專用性, 所以將戰(zhàn)勝類選擇器。

一個(gè)選擇器具有的專用性的量是用四種不同的值（或組件）來(lái)衡量的，它們可以被認(rèn)為是千位，百位，十位和個(gè)位——在四個(gè)列中的四個(gè)簡(jiǎn)單數(shù)字：

千位：如果聲明是在 style 屬性中該列加1分（這樣的聲明沒有選擇器，所以它們的專用性總是1000。）否則為0。

百位：在整個(gè)選擇器中每包含一個(gè) ID選擇器就 在該列中加1分。

十位：在整個(gè)選擇器中每包含一個(gè) 類選擇器、屬性選擇器、或者 偽類 就在該列中加1分。

個(gè)位：在整個(gè)選擇器中每包含一個(gè) 元素選擇器 或 偽元素 就在該列中加1分。

注意: 通用選擇器 (*), 復(fù)合選擇器 (+, >, ~, " ") 和否定偽類 (:not) 在專用性中無(wú)影響。

示例