css 的 class 的优先级

<div   class="A B">

444

</div>

.A {

background-color:red;

}

.B{

background-color:green;

}

问题: 444 的 background-color显示的是什么颜色呢?红色??绿色??   答案:绿色

权重的基本规则

1、相同的权重:后面出现的选择器为最后规则:

假如在外部样式表中,同一个CSS规则你写了两次,那么出现在前面的选择器权重低,你的样式会选择后面的样式:著作权归作者所有。


商业转载请联系作者获得授权,非商业转载请注明出处。

原文: https://www.w3cplus.com/css/css-specificity-things-you-should-know.html © w3cplus.com

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容