什么是CSS权重-木庄网络博客

本文摘自PHP中文网，作者V，侵删。

CSS权重是指选择符的优先级，优先级高的css样式会覆盖优先级低的样式，优先级越高说明权重越高。当css选择规则的权重不同时，权值高的优先。当css选择规则的权值相同时，后定义的规则优先。

要知道什么是CSS的权重，那么我们必须先了解CSS样式的6种基础选择器：ID选择器、类选择器、属性选择器、伪类和为对象选择器、标签选择器以及统配选择器。所有在CSS样式中定义的选择符都是由这6种基础选择符组合而成的，组合的方式也分为三种：后代选择符、子选择符、相邻选择符。

（相关视频分享：css视频教程）

CSS的权重指的是这些选择符的优先级，优先级高的CSS样式会覆盖优先级低的样式，优先级越高说明权重越高，反之亦然。

CSS优先级规则：

1、css选择规则的权值不同时，权值高的优先；

2、css选择规则的权值相同时，后定义的规则优先；

3、css属性后面加 !important 时，无条件绝对优先；

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者