CSS选择器的权重

CSS选择有很多种 ：

内联样式 ID class 标签  属性选择器 伪类  伪元素   子选择器 相邻选择器 

权重为：

内联为1000

ID 为100  如#box

class 伪类 属性选择器为10 如 .box   :first-child

类型选择器 伪元素为1  如div p   :after

子选择器 相邻选择器 为 0

原文：https://www.cnblogs.com/vuex/p/9954816.html