CSS的权重 选择器的权重 CSS层叠的含义

当我们给同一个元素多次设置样式时，会出现权重问题，优先使用权重较高的样式，我们将权重分为四个等级： 第一等：内联样式 <h1 style="..."></h1> 权重 1000 第二等：id选择器 权重 100 第三等：class选择器，伪类选择器，属性选择器 权重 10 第四等：标签选择器，伪元素选择器 权重 1群组选择器权重：每个选择器自身的权重后代选择器权重：所有选择器权重之和CSS层叠的含义 层 0 Comments

当我们给同一个元素多次设置样式时，会出现权重问题，优先使用权重较高的样式，我们将权重分为四个等级：

第一等：内联样式 <h1 style="..."></h1> 权重 1000

第二等：id选择器 权重 100

第三等：class选择器，伪类选择器，属性选择器 权重 10

第四等：标签选择器，伪元素选择器 权重 1

群组选择器权重：每个选择器自身的权重

后代选择器权重：所有选择器权重之和


CSS层叠的含义

层叠指的是样式的优先级，当产生冲突时以优先级高的为准

1.内联样式 > 内部样式 > 外部样式（除非使用 !important 标记）

2.id选择器 > 类选择器 > 元素选择器

3.权重相同时取后面定义的样式


本文链接：https://my.lmcjl.com/post/20944.html

展开阅读全文

相关文章

4 评论

留下您的评论.