css選擇器權重

css權重分爲5級

1. 第一級：內聯樣式<div style=""></div> 權重 1000
2. 第二級：id選擇器 #開頭 權重0100
3. 第三級：class選擇器 權重0010
4. 第四級：標籤選擇器、僞類權重0001
5. 第五級：通用選擇器(*),子選擇器(>)和相鄰同胞選擇器(+)無權重0000

示例

<p class="p1">這是內容</p>
<style>
	p.p1{ // 權重0011
	color:blue
	}
	.p1{ // 權重0010
	color:red
	}
</style>

最後顯示爲這是內容

最高權重 !important

!important 他最牛叉 其它統統排在其後