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

  
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

標(biāo)簽選擇器 0,0,0,1

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

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

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

屬性選擇器 = 偽類選擇器(應(yīng)用最后一個(gè))

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

偽類選擇器 > 相鄰選擇器

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

相鄰選擇器 = 子選擇器 = 后代選擇器(應(yīng)用最后一個(gè))

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

后代選擇器 > 標(biāo)簽選擇器

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

同 同級(jí)，應(yīng)用取決于