CSS样式优先级

版权声明：本文为CSDN博主「未曾远去」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_36135335/article/details/79696629

问题:

使用layui框架的时候对于一下样式想自定义可是无论怎样都覆盖不了，所以我又研究了一下css样式的优先级

解决：

	内联	嵌入	外部
内联	1	-	-
ID 选择器	-	2	3
伪类	-	4	5
属性选择器	-	6	7
类选择器	-	8	9
元素(类型)选择器	-	10	11
*	-	12	13

*上述表格从小到大，数值越小越优先！

 

！important修改权重

若同时插有 !important，则再利用规则 3、4 判断优先级。

如非特殊情况，慎用!important。因为使用!important会扰乱原本层叠和权重产生正常的作用顺序，使后期维护带来麻