样式权重
| 选择器类别 | 说明 | 权重表示 | 权值表示 |
|---|---|---|---|
| 行内样式 | 行内只有一个 style = "" | （1.0.0.0） | 1000 |
| id选择器 | selector中使用了几个id，即#的个数 | （0.1.0.0） | 100 |
| 类选择器 | 类,伪类,以及属性的个数如： .outerClass .buttonClass[type="button"]:hover{}选择器中有2个类,1个属性,1个伪类 | （0.0.1.0） | 10 |
| 元素选择器 | 伪元素和标签元素的个数，如： p:first-child选择器中有一个标签元素p和一个伪元素first-child | （0.0.0.1） | 1 |