?Selector		Specificity
行內樣式	style=""?	1,0,0,0?
?id選擇器	#content {}	0,1,0,0?
?class選擇器	.content{}?	0,0,1,0?
?標簽選擇器	div{}?	?0,0,0,1
2個id選擇器?	?#div #content{}	?0,2,0,0
11個class選擇器	.a1 .a2 .a3.....a11{}?	0,0,11,0?
?1個id和1個class選擇器	#div .nav{}?	?0,1,1,0

?

　　如表格所示，行內樣式擁有最高優先級，其次是id選擇器，再其次是class類選擇器，最后是標簽選擇器。

　　當選擇器疊加的時候，并不是簡單的相加。如果將id選擇器的優先級看成100的話，class類選擇器是10，那么11個選擇器就是110，會優先于id選擇器，其實錯了。一個id選擇器是0,1,0,0，而11個class類選擇器只是0,0,11,0，id選擇器還是優先于11個class類選擇器。

轉載于:https://www.cnblogs.com/fu277/archive/2012/01/04/2312263.html

總結

以上是生活随笔為你收集整理的css selector的优先级的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。