css选择器优先级问题

这里总结下css选择器优先级问题

行内>ID>属性（class也算作属性）>元素（伪类伪元素也被视为元素）

• !important：无穷大
• 行内：1,0,0,0
• ID：0,1,0,0
• 属性：0,0,1,0
• 元素：0,0,0,1

嵌套层级会+1，也就是说：

• .a .b .c = 0,0,3,0
• .a .b .c:after = 0,0,3,1
• #box .a div.b a[*="beige.world"]=0,1,3,2

级别之间无法超越，也就是说一个ID比100层属性嵌套级别更高，

• 0,1,0,0 > 0,0,100,0
• 0,1,2,0 > 0,1,1,0