| 类型 | 权重 |
|---|---|
| !important | 无穷 |
| 行内样式 | 1000 |
| id | 100 |
| class/属性选择器/伪类:hover | 10 |
| 标签选择器/伪元素::after | 1 |
| 通配符 | 0 |
li:first-line {} /* 2 */
ul ol+li{} /* 3 */
h1+[rel=up]{} /* 11 */
div p.box{} /* 12 */
| 选择器 | 示例 | 备注 |
|---|---|---|
| 类型选择器 | h1 {} | - |
| 通配选择器 | * {} | - |
| 类选择器 | .box {} | - |
| ID 选择器 | #unique {} | - |
| 标签属性选择器 | a[title] {} | - |
| 伪类选择器 | p:first-child {} | - |
| 伪元素选择器 | p::first-line {} | - |
| 后代选择器 | article p | - |
| 子代选择器 | article > p | - |
| 相邻兄弟选择器 | h1 + p | 选择器中的两个元素有同一个父元素，而且第二个元素必须紧跟第一个元素 |
| 通用兄弟选择器 | h1 ~ p | 选择器中的两个元素有同一个父亲，但第二个元素不必紧跟第一个元素 |