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

  
Date: 7th of Aug, 2015
  
  
Author: HaoyCn

本文收集網(wǎng)上各處關(guān)于CSS選擇器的文章總結(jié)，并自己歸納一篇。

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

在上面的選擇器中，此外，經(jīng)測試

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

: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;}

同 同級，應用取決于