大家知道CSS中的的優先級是什麼嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗,在此拿出來與大家分享下,請大家互相指正。優先級是根據由每種選擇器類型構成的級聯字串計算而成的。他是一個對應匹配表達式的權重。 如果優先級相同,靠後的 CSS 會應用到元素上。
注意:元素在文檔樹中的位置是不會影響優先級的
優先級順序
優先級逐級增加的選擇器列表:
通用選擇器(*)
元素(類型)選擇器
類選擇器
屬性選擇器
偽類
ID 選擇器
內聯樣式
基於類型的優先級
優先級是根據選擇器類型進行計算的. 在下面的例子中,屬性選擇器盡管選擇了一個ID但是在優先級計算法則中還是根據其類型計算。
有如下樣式聲明:
CSS Code復制內容到剪貼板
* #foo {
color: green;
}
*[id="foo"] {
color: purple;
}
將其應用在下面的HTML中:
XML/HTML Code復制內容到剪貼板
相信大家已經學會CSS中的的優先級是什麼吧!感謝大家對我們網站的支持!
相關推薦:
CSS中的元素定位方法是什麼呢