CSS3用一个四位的数字串(CSS2是三位)来表示，可以理解为四个级别，值从左到右，左面的最大，一级大于一级，级别之间不会进位。
| 选择器类型 | 权重值 |
|---|---|
| 继承 或者 通配符（*） | 0,0,0,0 |
| 元素（标签）选择器 | 0,0,0,1 |
| 类选择器，伪类选择器 | 0,0,1,0 |
| ID选择器 | 0,1,0,0 |
| 行内样式（ style=""） | 1,0,0,0 |
| !important | ∞ 无穷大 |
| 举例 | 叠加 | 权重值 |
|---|---|---|
| div ul li | 3个元素选择器 | 0,0,0,3 |
| a:hover | 1个元素选择器，1个伪类选择器 | 0,0,1,1 |
| #nav ul | 1个ID选择器，1个元素选择器 | 0,1,0,1 |
级别之间不会进位 ，比如说有10个div ，权重是0,0,0,10， 而不是 0,0,1,0， 所以不存在说10个div的权重就赶上一个类选择器。
CSS学习 CSS权重 选择器 权重...
css选择器权重示例： .html .css
css中的布局 css选择器的权重 选择器的权重类型选择器(元素选择器)：0001class选择器：0010id选...
CSS样式选择器权重 计算
这篇是基于CSS选择器的，如果对选择器不太了解可以先看另一篇CSS选择器 （一）什么是CSS权重？ 权重决定了你C...
1. css权重、优先级 权重 内联样式id选择器class、属性选择器（eg：[title]{ color:bl...
CSS的选择器是有权重的，当不同选择器的样式设置有冲突时，会采用权重高的选择器设置样式。权重（即优先级）的规则如下...
Learn to code Getting to Know CSS 选择器的的权重比位置更重要 type类型的权重...
知识点： 1.H5的新特性 css3新特性 2.css的权重，css模块化 权重： 元素的权重0.类选择器10.i...
权重 根据不同的样式选择器，有不同的权重，而最终呈现的效果是根据选择器的权重和排列顺序确定的。css采用覆盖式渲染...
本文标题：CSS选择器权重
本文链接：https://www.haomeiwen.com/subject/fuzenctx.html
网友评论