CSS选择有很多种 ：
内联样式 ID class 标签 属性选择器 伪类 伪元素 子选择器 相邻选择器
权重为：
内联为1000
ID 为100 如#box
class 伪类 属性选择器为10 如 .box :first-child
类型选择器 伪元素为1 如div p :after
子选择器 相邻选择器 为 0
CSS选择器的权重
原文：https://www.cnblogs.com/vuex/p/9954816.html
