css選擇符是有權重的。作用於同一標籤的樣式同一屬性，究竟哪個能起到作用，而哪個會被覆蓋掉，這就跟css選擇符權重有關了。
在說明權重之前，必須強調一點，那就是css樣式規則渲染是先就近渲染，然後才依據選擇符權重進行渲染。
看看什麼是就近渲染原則：
html：
<div
id="test"
>
<
p>測試字型顏色
p>
div>
css：
#test p
請問，段落p的字型顏色是紅色還是藍色？
答案是，顯示藍色。
無論div#test的權重有多大，依據就近原則，p就顯示藍色。
簡單描述什麼是css選擇符權重渲染規則：important > 內聯 > id > 類 > 標籤 | 偽類 | 屬性選擇 > 偽物件 >萬用字元 > 繼承
然後，有必要警告下，網路傳言的權重加法規則是坑爹的。什麼id權重是100，class是10，去你大爺的。這裡權重不存在加法規則。
這樣認識是正確的：
0,1,0,0 的優先順序比 0,0,1,1的優先順序高。
如果按照加法規則來看，乙個id的權重還不及11個class的權重高，這就很坑爹了。
引用乙個恰當的比喻：
用個比較形象的比喻，選擇器的優先順序猶如奧運的獎牌榜，id，class，標籤，你可以理解為金牌，銀牌，銅牌，得了乙個金牌，在獎牌榜上的排名永遠比你得了多少個銀牌來的高。具體討論詳見css forest中鬼哥的：重新認識css權重
小志的css selector 認識：關於css selector的優先順序
小李刀刀的：深入解析css樣式層疊權重值
補充：渲染規則還包括：
此點詳見：關於外部樣式的權重
css 樣式層疊規則
檢視別人css,發現有一段css button.dark.blue button.dark 如果這樣寫,backgroud color到底是用誰的呢?原來我只知道內聯樣式的權值 id選擇器 類選擇器 標籤選擇器這樣的規則,還有就是越精細等級越高,看上面css 應該是第乙個優先順序更高吧 測試了一下,...
Javascript獲取css渲染樣式值技巧
一直忙沒更新,總結下近期開發中使用的關於提取css渲染樹樣式的方法 提取渲染樣式 ie從domelement.currentstyle物件中提取即時計算的樣式 標準瀏覽器使用window.getcomputedstyle方法獲取 ie下還有個runtimestyle物件,可以應用樣式又不改變dom的...
不能顯示css樣式 CSS樣式使用規則與描述
1 css通常稱為css樣式或層疊樣式表，主要用於設定html頁面中的文字內容 字型 大小 對其方式等 2 的外形 高寬 邊框樣式 邊距等 以及版面的布局等外觀顯示樣式 3 css可以是html頁面更好看，css色系的搭配可以讓使用者更舒服 4 css div布局更佳靈活，更 容易繪製出使用者需要的...