CSS樣式表 以及選擇器優先順序

2021-09-25 00:00:26 字數 691 閱讀 5358

css樣式表包含:外部樣式表、內部樣式表(head元素中)、內聯樣式表

多重樣式表的優先順序:

內聯樣式 inline style > 內部樣式表 internal style sheet > 外部樣式表 external style sheet > 瀏覽器預設樣式

下面是講解選擇器優先順序的內容,關於權重解釋的不錯因此摘抄過來 ,摘自菜鳥教程

優先順序是瀏覽器是通過判斷哪些屬性值與元素最相關以決定並應用到該元素上的。優先順序僅由選擇器組成的匹配規則決定的。

優先順序就是分配給指定的css宣告的乙個權重,它由匹配的選擇器中的每一種選擇器型別的數值決定。

下列是乙份優先順序逐級增加的選擇器列表:

當 !important 規則被應用在乙個樣式宣告中時,該樣式宣告會覆蓋css中任何其他的宣告, 無論它處在宣告列表中的**. 儘管如此, !important規則還是與優先順序毫無關係.使用 !important 不是乙個好習慣,因為它改變了你樣式表本來的級聯規則,從而使其難以除錯。

一些經驗法則:

解釋:利用選擇器的權值進行計算比較,em 顯示藍色,示例如下:

css選擇器優先順序 樣式表優先順序

css三大特性 繼承 優先順序層疊css選擇器優先順序 選擇器 權重 萬用字元 0 標籤名,偽元素 1 類 偽類 屬性 10 id 100 行內樣式 1000 important 1 0 無窮大 總結排序 important 行內樣式 id 類 偽類 屬性 標籤名,偽元素 萬用字元 繼承 瀏覽器預設...

CSS樣式選擇器優先順序

原文 css樣式選擇器優先順序 css樣式選擇器分為4個等級,a b c d,可以以這四種等級為依據確定css選擇器的優先順序。1.如果樣式是行內樣式 通過style 定義 那麼a 1 2.b為id選擇器的總數 3.c為class類選擇器的數量。4.d為型別選擇器的數量 5.屬性選擇器,偽類選擇器和...

CSS樣式表優先順序

使用css樣式表一共有2種方式 內部和外部,其中內部分為行內樣式和嵌入式,外部分為匯入式和鏈結式。如果需要在不同的方式中設定同乙個屬性的時候,樣式的優先級別就出現了。測試 如下 red.css p test.html 文字顏色 此時,顯示文字顏色為灰色,說明行內樣式優先級別最高 去掉行內樣式之後,顯...