摘要：選擇器優先級與效率優化本文收集網上各處關于選擇器的文章總結，并自己歸納一篇。選擇器類選擇器標簽選擇器相鄰選擇器子選擇器后代選擇器通配符選擇器屬性選擇器偽類選擇器優先級高的不一定效率高舉個例子與前者效率高于后者，而后者優先級高于前者。

  
Date: 7th of Aug, 2015
  
  
Author: HaoyCn

本文收集網上各處關于CSS選擇器的文章總結，并自己歸納一篇。

important聲明 1,0,0,0

ID選擇器 0,1,0,0

類選擇器 0,0,1,0

偽類選擇器 0,0,1,0

屬性選擇器 0,0,1,0

標簽選擇器 0,0,0,1

偽元素選擇器 0,0,0,1

通配符選擇器 0,0,0,0

在上面的選擇器中，此外，經測試

屬性選擇器 = 偽類選擇器(應用最后一個)

:last-child{color:red;}
[desc]{color:green;}

偽類選擇器 > 相鄰選擇器

:last-child{color:green;}
p ~ p{color:blue;}

相鄰選擇器 = 子選擇器 = 后代選擇器(應用最后一個)

p~p{color:red;}
body p{color:blue;}
body > p{color:green;}

后代選擇器 > 標簽選擇器

p ~ p{color:blue;}
p{color:green;}

同 同級，應用取決于