CSS选择器权重计算

选择器的特异性由 CSS2 规范（2.1）定义如下：

• 权重 a：行内样式 style

• 权重 b：id

• 权重 c：class、属性选择器、伪类

• 权重 d：元素名、伪元素

• 无权重：* 通配符

将四个数字按 a-b-c-d 这样连接起来，按照 a > b > c > d 规则比较权重。

 *              {}  /* a=0 b=0 c=0 d=0 -> specificity = 0,0,0,0 */
 li             {}  /* a=0 b=0 c=0 d=1 -> specificity = 0,0,0,1 */
 li::first-line {}  /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */
 ul li          {}  /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */
 ul ol+li       {}  /* a=0 b=0 c=0 d=3 -> specificity = 0,0,0,3 */
 h1 + *[rel=up] {}  /* a=0 b=0 c=1 d=1 -> specificity = 0,0,1,1 */
 ul ol li.red   {}  /* a=0 b=0 c=1 d=3 -> specificity = 0,0,1,3 */
 li.red.level   {}  /* a=0 b=0 c=2 d=1 -> specificity = 0,0,2,1 */
 #x34y          {}  /* a=0 b=1 c=0 d=0 -> specificity = 0,1,0,0 */
 style=""           /* a=1 b=0 c=0 d=0 -> specificity = 1,0,0,0 */