选择器类型：
| ID | #id |
|---|---|
| class | .class |
| 标签 | p |
| 通用 | * |
| 属性 | [type="text"] |
| 伪类 | ：hover |
| 伪元素 | ::first-line |
| 子选择器、相邻选择器 |
排列组合
如果详细的进行分析，排列组合有太多种了，太过麻烦。我们就说说有哪几个类别：
| 行内样式 | 即 style = "font-size: 12px"； |
|---|---|
| id选择器： | 即 #thisId {font-size: 12px;} |
| class选择器： | 即 .thisClass {font-size: 12px;} |
| 元素选择器 | 即 p {font-size: 12px;} |
权重计算规则：
- 第一等：代表内联样式，如: style=””，权值为1000。
- 第二等：代表ID选择器，如：#content，权值为0100。
- 第三等：代表类，伪类和属性选择器，如.content，权值为0010。
- 第四等：代表类型选择器和伪元素选择器，如div p，权值为0001。
- 通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000。
- 继承的样式没有权值。