CSS選擇符權重

css選擇符有個權重，我們習慣於這樣書寫進行判斷——比如a,b,c,d。style標籤的內聯樣式a=1，id選擇符b=1，class選擇符c=1，標籤(包括偽元素)選擇符d=1。舉個例子——

body .link-->0,0,1,1

body .content.link:hover-->0,0,2,2
body .link:hover-->0,0,1,2

對於權重計算，採用以下方式——

/*

* * html標籤的權重是1 
* class 的權重是10 
* id 的權重是100 
* 內聯樣式的權重是1000 */
body .link-->0,0,1,1 
/*權重：1 + 10 = 11 
*/body .content.link:hover-->0,0,2,2 
/*權重：1 + 10 + 10 + 1 = 22 
*/body .link:hover-->0,0,1,2 
/*權重：1 + 10 + 1 = 12 
*/

注意：如果 css 選擇符權重相同，那麼樣式會遵循就近原則，哪個選擇符最後定義，就採用哪個選擇符的樣式。

CSS常用選擇符和權重

1.css語法 css語法由兩部分組成 選擇符 宣告 語法 選擇符 說明 1 每個css樣式由兩部分組成，即選擇符和宣告，宣告又分為屬性和屬性值 2 屬性必須放在花括號中，屬性與屬性值用冒號鏈結 3 每條宣告用分號結束 4 當乙個屬性有多個屬性值得時候，屬性值與屬性值不分先後順序 5 在書寫樣式過程...

css選擇符種類和權重行

常用的css選擇符有 型別選擇符 標籤選擇符 id選擇符 類選擇符 class選擇符 群組選擇符 包含選擇符 子代選擇器 後代選擇器 偽類選擇器以及萬用字元，共7種 括號裡是表示不同型別的叫法 1 萬用字元主要是用來清除整個頁面的內間距和外間距，具體用在margin 0 padding 0 2 偽類...

CSS選擇符 屬性選擇符

使用屬性選擇器可以篩選出設定了特定屬性的標籤。例如選取所有設定了title屬性的 img title 這種選擇符的第一部分是標籤名 img 隨後是屬性名，放在方括號裡 title css不限制屬性選擇符只能使用標籤名，也可以使用類。例如 photo title 用於選取類為photo，而且設定了ti...