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

2024年04月11日 懒猪 前端开发 前端博客 个人博客 网站制作 鹏仔先生 百变鹏仔 HTML CSS javascript JS 共享博客

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

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

第二等:id选择器 权重 100

第三等:class选择器,伪类选择器,属性选择器 权重 10

第四等:标签选择器,伪元素选择器 权重 1

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

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


CSS层叠的含义

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

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

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

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


本文链接:http://so.lmcjl.com/news/1753/

展开阅读全文
相关内容