CSS選取器的權重關係

標籤：class   style   生效   width   否則   元素選取器   萬用字元   屬性   無法   

切記CSS選取器的權重關係，避免在頁面中出現CSS樣式無法生效的情況~

–	內嵌	id	class	元素
–	a	b	c	d
內嵌	1	0	0	0
id	0	1	0	0
class、屬性、偽類	0	0	1	0
元素、虛擬元素	0	0	0	1
萬用字元*	0
!improtant（寫在聲明中，更改權重值）	最高

• a組數值只有把CSS寫進style屬性時才會為1，否則為0；
• b組數值決定於ID選取器，有多少ID選取器，並會進行此數組值累加；
• c組數值決定於類別選取器，有多少類別選取器，並會進行此數組值累加；
• d組數值決定於元素選取器，有多少元素選取器，並會進行此數組值累加。

總結：

• 權重不進位；
• 內嵌權重層級最高，內聯外聯無權重關係，只存在先後順序；
• 權重相同時，後覆蓋前。

CSS選取器的權重關係