在CSS中,我尝试覆盖重要的位置,但失败了

我试图用p-0覆盖p-3,但失败了。

<div class= "card p-3 p-0">
.p-0{ padding: 0rem !important; }
.p-3{ padding: 0.75rem !important; }

在CSS中,我尝试覆盖重要的位置,但失败了

是否应该用后面的类覆盖它?

iCMS 回答:在CSS中,我尝试覆盖重要的位置,但失败了

在CSS中,最后一条规则优先于任何先前的冲突规则。因此,正在应用.p-3而不是.p-0。交换它们,它应该可以工作。

请注意,!important的过度使用通常被认为是不好的做法,因为随着样式表的增长,它可能会使事情变得混乱。

查看this article了解更多信息。

,

.p-3会覆盖.p-0是正确的,因为这两个属性相同,并且.p-3的最低含义是更靠近元素...按层叠顺序排列。

本文链接:https://www.f2er.com/1788535.html

大家都在问