css 特殊性 權重排列

2022-07-23 11:39:16 字數 844 閱讀 9073

首先類似於二進位制的理解。

0010大於0001。

id = 0,1,0,0;

class, [屬性值],:偽類 = 0,0,1,0;

《元素》,偽元素 = 0,0,0,1;

偽元素:  :before ,

:after,

:first-line,

:first-letter = 0,0,0,1;

*  = 0,0,0,0(大於繼承值);

!important; 就像 1,0,0,0;

如果權重一樣,越在後面宣告的,權重越大。

重要的放在後面。

偽類:a:link{};/*default,讓人知道,這是個鏈結*/

a:visited{};/*訪問過的鏈結的標記,讓人知道,看過啦~*/

a:hover{};/*滑鼠經過,即使是訪問過的鏈結,也要有反應*/

a:visited:hover{};/*訪問過的鏈結,滑鼠經過的反應和預設不一樣,不能被預設滑鼠經過反應覆蓋*/

a:active{};/*無論怎樣,訪問過,還是滑鼠懸停那兒,點選下去,還是要有反應的*/

a:visited:active{};/*訪問過的鏈結,點選反應和預設不一樣,不能被預設點選反應覆蓋*/

first-child,

:lang

且:繼承值沒有特殊性.

CSS3特殊性 權重值

是因為瀏覽器是根據權值來判斷使用哪種css樣式的,權值高的就使用哪種css樣式。下面是權值的規則 標籤的權值為1,類選擇符的權值為10,id選擇符的權值最高為100。例如下面的 下面,再來看一些例子吧?content div main content h2 三年級時,我還是乙個膽小如鼠的小女孩。最後...

CSS css特殊性 優先順序 權重

css選擇器可以用多種方式去選擇元素,實際上乙個元素可以由使用兩個或者多個規則來匹配,每個規則都有各自的選擇器。請看例子 css h1 body h1 h2.grade h2 然後是特別長的乙個選擇器 html body table tr id totals td ul li li answer各自...

CSS的特殊性 specificity

css的特殊性是非常重要卻又經常被忽視的屬性,特別是在團隊合作下的產品迭代開發中,因為不注重css的特殊性最後導致某些 混亂不堪,這裡就把自己對css特殊性的認識做一些歸納總結.css的特殊性 specificity 也可以稱為css的優先順序或權值 對於每個樣式表規則,瀏覽器都會計算選擇器的特殊性...