| CSS选择器 | 权值 |
|---|---|
| 标签选择器 | 1 |
| 类选择器 | 10 |
| ID选择器 | 100 |
| 内联样式 | 1000 |
| 伪元素(:first-child等) | 1 |
| 伪类(:link等) | 10 |
样式权值高的覆盖权值低的。
#id .class div {} 样式权值=100+10+1 =111.
一般情况样式层级定位越多(定位越准确),相对权值越高,越不容易被覆盖。
内联样式为直接写在元素上的style。权值最高。
本文详细解析了CSS中各种选择器的权值,包括标签、类、ID选择器及内联样式的权值对比,阐述了样式覆盖原则,帮助读者理解如何在复杂样式环境中定位并调整样式。
| CSS选择器 | 权值 |
|---|---|
| 标签选择器 | 1 |
| 类选择器 | 10 |
| ID选择器 | 100 |
| 内联样式 | 1000 |
| 伪元素(:first-child等) | 1 |
| 伪类(:link等) | 10 |
样式权值高的覆盖权值低的。
#id .class div {} 样式权值=100+10+1 =111.
一般情况样式层级定位越多(定位越准确),相对权值越高,越不容易被覆盖。
内联样式为直接写在元素上的style。权值最高。

被折叠的 条评论
为什么被折叠?