css三大特性：
繼承
優先順序層疊
選擇器 權重
萬用字元 0
標籤名，偽元素 1
類/偽類/屬性 10
id 100
行內樣式 1000
important 1/0(無窮大)
總結排序：
!important > 行內樣式 > id > 類、偽類、屬性 > 標籤名，偽元素 >萬用字元》 繼承》瀏覽器預設屬性
css樣式表優先順序
行內樣式 > 嵌入樣式 > 匯入樣式
那麼這些樣式的先後順序決定了優先級別，而同一 個style內部，才會遵循嵌入樣式優先於匯入樣式的規則。參考學習
優先順序特點：
1.繼承的權重為0
2.權重會疊加。
css基本選擇器：
id 選擇器， 如 #id{}
類選擇器， 如 .class{}
屬性選擇器， 如 a[href="segmentfault.com"]{}
偽類選擇器， 如 :hover{}
偽元素選擇器， 如 ::before{}
標籤選擇器， 如 span{}
通配選擇器， 如 *{}
交集選擇器：標籤+類（id）選擇器
並集選擇器：選擇器，選擇器，選擇器
後代選擇器：選擇器+空格+選擇器
子代選擇器 ：選擇器》選擇器
link與import的區別
區別1.從屬關係區別
@import是 css 提供的語法規則，只有匯入樣式表的作用；link是html提供的標籤，不僅可以載入 css 檔案，還可以定義 rss、rel 連線屬性等。
2.載入順序區別
載入頁面時，link標籤引入的 css 被同時載入；@import引入的 css 將在頁面載入完畢後被載入。
3.相容性區別
@import是 css2.1 才有的語法，故只可在 ie5+ 才能識別；link標籤作為 html 元素，不存在相容性問題。
4.dom可控性區別
可以通過 js 操作 dom ，插入link標籤來改變樣式；由於 dom 方法是基於文件的，無法使用@import的方式插入樣式。
5.權重區別(該項有爭議，下文將詳解)
link引入的樣式權重大於@import引入的樣式。
CSS樣式表 以及選擇器優先順序
css樣式表包含 外部樣式表 內部樣式表 head元素中 內聯樣式表 多重樣式表的優先順序 內聯樣式 inline style 內部樣式表 internal style sheet 外部樣式表 external style sheet 瀏覽器預設樣式 下面是講解選擇器優先順序的內容，關於權重解釋的不...
CSS樣式表優先順序
使用css樣式表一共有2種方式 內部和外部，其中內部分為行內樣式和嵌入式，外部分為匯入式和鏈結式。如果需要在不同的方式中設定同乙個屬性的時候，樣式的優先級別就出現了。測試 如下 red.css p test.html 文字顏色 此時，顯示文字顏色為灰色，說明行內樣式優先級別最高 去掉行內樣式之後，顯...
CSS樣式選擇器優先順序
原文 css樣式選擇器優先順序 css樣式選擇器分為4個等級，a b c d，可以以這四種等級為依據確定css選擇器的優先順序。1.如果樣式是行內樣式 通過style 定義 那麼a 1 2.b為id選擇器的總數 3.c為class類選擇器的數量。4.d為型別選擇器的數量 5.屬性選擇器，偽類選擇器和...