CSS中有很多選擇器，比如類選擇器，標簽選擇器，ID選擇器等等，不同選擇器之間的優先級順序也不一樣，今天就和大家聊聊CSS選擇器的優先級順序，以及、!的使用css樣式使用優先級順序，有需要的朋友可以參考一下，希望對你有用。
1、! 表示最高優先級。ie6瀏覽器不認識 ! 。
舉例：
正常情況下，寫在下面的樣式優先級高于上面的樣式
demo1{
color:red;
color:green; /*綠色的優先級高于紅色，所有瀏覽器都會顯示綠色*/
}
登錄后復制
加了! 那么它的優先級會比較高，ie6比較傻，不認識。
demo2 {
color:red !important; /*除了ie6，其他瀏覽器會認為紅色優先級高，顯示紅色字體*/
color:green; /*ie6瀏覽器則順序讀取css所以顯示綠色*/
}
登錄后復制
但是注意css樣式使用優先級順序，ie6不認識!的優先級，但并不代表ie6不認識帶!的樣式屬性。
demo3{
color:red;
color:green !important; /*包括ie6，所有瀏覽器都顯示綠色字體，ie6只是不認識優先級罷了*/
}
登錄后復制
2、CSS ( Style ) 級聯樣式表，在實際應用中，一般有以下三種級聯方式。
優先級：內聯樣式表(標簽內部)> 嵌入樣式表(當前文件中)> 外部樣式表(外部文件中)。
1. 外聯式（應用于多個網頁）
外聯式樣式表中，CSS 代碼作為文件單獨存放，如以 style.css 文件包含所有樣式。在 HTML 中的外部級聯采用 標記或者 @ 語句來引入。
示例代碼如下：
//link 鏈接
@import url("style.css"); //@import 導入
登錄后復制
和 @ 的異同見其文章
2. 內聯式（應用于當前頁面）
門戶網站的 CSS 代碼通常采用嵌入式，即通常所說的內聯方式 ( Style)，其使用
視頻教程分類
專題推薦