優先順序中的important和權重問題

2021-09-25 09:12:51 字數 752 閱讀 8239

一、important問題

1.什麼是!important

作用: 用於提公升某個直接選中標籤的選擇器中的某個屬性的優先順序的, 可以將被指定的屬性的優先順序提公升為最高

注意點:

1.!important只能用於直接選中, 不能用於間接選中

2.萬用字元選擇器選中的標籤也是直接選中的

3.!important只能提公升被指定的屬性的優先順序, 其它的屬性的優先順序不會被提公升

4.!important必須寫在屬性值得分號前面

5.!important前面的感嘆號不能省略

二、權重問題

1.什麼是優先順序的權重?

作用: 當多個選擇器混合在一起使用時, 我們可以通過計算權重來判斷誰的優先順序最高

2.權重的計算規則

2.1首先先計算選擇器中有多少個id, id多的選擇器優先順序最高

2.2如果id的個數一樣, 那麼再看類名的個數, 類名個數多的優先順序最高

2.3如果類名的個數一樣, 那麼再看標籤名稱的個數, 標籤名稱個數多的優先順序最高

2.4如果id個數一樣, 類名個數也一樣, 標籤名稱個數也一樣, 那麼就不會繼續往下計算了, 那麼此時誰寫在後面聽誰的

也就是說優先順序如果一樣, 那麼誰寫在後面聽誰的

注意點:

1.只有選擇器是直接選中標籤的才需要計算權重, 否則一定會聽直接選中的選擇器的

CSS中 important的優先順序

本篇文章使用最新的ie10以及firefox與chrome測試 截止2013年5月27日22 23 22 css的原理 我們知道,css寫在不同的地方有不同的優先順序,css檔案中的定義 元素style中的屬性,但是如果使用 important,事情就會變得不一樣。首先,先看下面一段 doctype...

css 中的優先順序,important應用

css樣式定義多了,常常出現顯示效果與預期不一致的情況。其中很大一部分原因在於起作用的樣式。1。多個選擇器可能會選擇同乙個元素,有3個規則,從上到下重要性降低 important的使用者樣式 important的作者樣式 作者樣式 使用者樣式 瀏覽器定義的樣式 2。css樣式的特殊性權重 誰有分量,...

css的優先順序以及 important的使用

css的優先順序應該是作為css基本知識而廣為知道的,所以css入門後,就一直把css的優先順序記掛在心裡 自覺告訴自己這地方很可能會摔跤 起初可能是因為自己的專案經驗不夠豐富,或者是自己所接觸到的專案都是小規模的前端,也或與自己書寫css的習慣有關 自己基本上就是逐層書寫css,盡量把 寫得乾淨整...