CSS权重是指选择符的优先级,优先级高的css样式会覆盖优先级低的样式,优先级越高说明权重越高。当css选择规则的权重不同时,权值高的优先。当css选择规则的权值相同时,后定义的规则优先。
要知道什么是CSS的权重,那么我们必须先了解CSS样式的6种基础选择器:ID选择器、类选择器、属性选择器、伪类和为对象选择器、标签选择器以及统配选择器。所有在CSS样式中定义的选择符都是由这6种基础选择符组合而成的,组合的方式也分为三种:后代选择符、子选择符、相邻选择符。
(相关视频分享:css视频教程)
CSS的权重指的是这些选择符的优先级,优先级高的CSS样式会覆盖优先级低的样式,优先级越高说明权重越高,反之亦然。
CSS优先级规则:
1、css选择规则的权值不同时,权值高的优先;
2、css选择规则的权值相同时,后定义的规则优先;
3、css属性后面加 !important 时,无条件绝对优先;