CSS選擇器以及優先順序

2021-07-23 23:46:12 字數 509 閱讀 2967

前言:對於了解css選擇器的優先順序到底有多重要呢?用優先順序高的去覆蓋優先順序低的,從而達到自己想要的頁面樣式,這是前端學習踩坑中我發現必不可少的一門知識點或者說必須要的技能吧。說法有錯的歡迎糾正。

1.無條件優先屬性只需要在屬性後面加上!important,就覆蓋了頁面內任何位置定義的元素樣式,但是呢,也有不支援的,比如ie6。

2.第二個優先順序的就是在html中給元素標籤新增style,但是這樣很不好的,為什麼呢,為了後期的**的可維護性,我們都知道html和css低耦合是很重要的,如果後期只是css需要更改,但是你卻需要在html和css檔案中找需要更改的樣式,是不是很浪費時間呢,故不推薦。

3.第**優先屬性則是乙個或者多個id選擇器定義。例如#id

4.第四級優先屬性是由類選擇器,屬性選擇器,偽類選擇器定義的。例如.classname

5.第五級選擇器由乙個或者多個型別選擇器來定義,div

6.最低優先順序的就是通配選擇器,例如*,用於解決不同瀏覽器之間的標籤預設的外補丁和內補丁不同的相容性問題解決。

選擇器優先順序 CSS選擇器優先順序總結

css選擇器優先順序這個問題,相信有點經驗前端都會認為非常簡單,但是我們今天還是來總結一下吧。相信大家應該很少直接在html頁面寫樣式吧,一般都是用link標籤匯入css樣式表。使用者自定義樣式表就是我們用link標籤引入的css樣式表,為了保持不同瀏覽器下樣式相同,所以我們的自定義樣式表一般都會覆...

CSS 選擇器優先順序

css優先順序包含四個級別 文內選擇器,id選擇器,class選擇器,元素選擇器 以及各級別出現的次數。根據這四個級別出現的次數計算得到css的優先順序。css優先順序的計算規則如下 頁面中直接設定style,加1,0,0,0 每個id選擇器 如 id 加0,1,0,0 每個class選擇器 如 c...

css選擇器優先順序

css優先順序即css樣式在瀏覽器中被解析出來的先後順序。css優先順序包含四個級別 行內樣式,id選擇符,class類選擇符,元素選擇符 以及各級別出現的次數。繼承是css的乙個主要特徵,然後繼承的權重很低,比普通元素還要低。1.行內樣式 類似css 的樣式 的優先順序為1,0,0,0,始終高於外...