css權重指的是樣式的優先順序，有兩條或多條樣式作用於乙個元素，權重高的那條樣式對元素起作用,權重相同的，後寫的樣式會覆蓋前面寫的樣式。
可以把樣式的應用方式分為幾個等級，按照等級來計算權重
1、!important，加在樣式屬性值後，權重值為 10000
2、內聯樣式，如：style=」」，權重值為1000
3、id選擇器，如：#content，權重值為100
4、類，偽類和屬性選擇器，如： content、:hover 權重值為10
5、標籤選擇器和偽元素選擇器，如：div、p、:before 權重值為1
6、通用選擇器（*）、子選擇器（>）、相鄰選擇器（+）、同胞選擇器（~）、權重值為0
eg1：
......
這是乙個div元素
......
1、e:nth-child(n)：匹配元素型別為e且是父元素的第n個子元素
......23
45
3、e:first-child：匹配元素型別為e且是父元素的第乙個子元素
4、e:last-child：匹配元素型別為e且是父元素的最後乙個子元素
5、e:only-child：匹配元素型別為e且是父元素中唯一的子元素
6、e:nth-of-type(n)：匹配父元素的第n個型別為e的子元素
7、e:nth-last-of-type(n)：匹配父元素的倒數第n個型別為e的子元素（與上一項順序相反）
8、e:first-of-type：匹配父元素的第乙個型別為e的子元素
9、e:last-of-type：匹配父元素的最後乙個型別為e的子元素
10、e:only-of-type：匹配父元素中唯一子元素是e的子元素
11、e:empty 選擇乙個空的元素
12、e:enabled 可用的表單控制項
13、e:disabled 失效的表單控制項
14、e:checked 選中的checkbox
15、e:not(s) 不包含某元素
......23
45
......
標題一......
18、e ~ f e元素後面的兄弟元素
19、e + f 緊挨著的兄弟元素
1、e[data-attr] 含有data-attr屬性的元素
......
這是乙個div元素
3、e[data-attr^='ok'] 含有data-attr屬性的元素且它的值的開頭含有「ok」
4、e[data-attr$='ok'] 含有data-attr屬性的元素且它的值的結尾含有「ok」
5、e[data-attr*='ok'] 含有data-attr屬性的元素且它的值中含有「ok」
css3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素，則不會被選擇。符號之前書寫父級的選擇器，符號之後寫子級選擇器，必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...
css3 選擇器 CSS3選擇器詳解
css3在css2基礎上，增強或新增了許多特性，彌補了css2的眾多不足之處，使得web開發變得更為高效和便捷。比如說，同樣是乙個頭像，可能在低版本的瀏覽器中，頭像方的 在高版本的瀏覽器中，頭像是圓的。漸進增強和優雅降級之間的不同 面試題目 由於css3普遍存在相容性問題，為了避免因相容性帶來的干擾...
五十 CSS3之基本選擇器之CSS權重
權重 當很多的規則被應用到某乙個元素上時，權重是乙個決定哪種規則生效，或者是優先執行的過程 權重等級與權值 行內樣式 1000 id選擇器 100 類 屬性選擇器和偽類選擇器 10 元素和偽元素 1 0 css權重規則 1.包含更高權重選擇器的一條規則擁有更高的權重 2.id選擇器 idvalue ...