我试图用p-0覆盖p-3,但失败了。
<div class= "card p-3 p-0">
.p-0{ padding: 0rem !important; }
.p-3{ padding: 0.75rem !important; }
是否应该用后面的类覆盖它?
我试图用p-0覆盖p-3,但失败了。
<div class= "card p-3 p-0">
.p-0{ padding: 0rem !important; }
.p-3{ padding: 0.75rem !important; }
是否应该用后面的类覆盖它?
在CSS中,最后一条规则优先于任何先前的冲突规则。因此,正在应用.p-3
而不是.p-0
。交换它们,它应该可以工作。
请注意,!important
的过度使用通常被认为是不好的做法,因为随着样式表的增长,它可能会使事情变得混乱。
查看this article了解更多信息。
, .p-3
会覆盖.p-0
是正确的,因为这两个属性相同,并且.p-3
的最低含义是更靠近元素...按层叠顺序排列。