权重的级别划分包含了所有的css选择器
如果两个选择器作用在同一个元素上，则权重高者生效
权重的级别根据选择器被分为四个分类：行内样式，id，类和属性，以及元素。
当很多规则都被应用到某一个元素上时，全中决定了那种规则生效。
每个选择器都有自己的权重。每个css规则，都包含了一个权重级别。
如果两个选择器同时作用到一个元素上，权重高者生效。
权重等级
根据选择器的种类可以分为四类，也决定了四种不同的等级
1.行内样式，指的是html中定义的style
2.ID选择器
3.类，属性，和伪类选择器
注这一类的选择器如：:hover，:focus，伪类选择器表示的是一种状态。
4.元素和伪元素
伪元素选择器如：before，：after
扩展阅读：
怎么确定权重
权重口诀记忆：从0开始，一个行内样式+1000，一个id+100，一个类，属性和伪类元素+10，一个标签和伪元素+1