Question

我正在为wordpress主题（www.ronanmart.in）添加自定义CSS以获得我想要的效果。

对于主页上的.hero-inner div，我正在尝试编辑填充，但它似乎保持默认为主题设置。我编辑的任何其他内容都覆盖了主题CSS。

原始填充：

padding: 121px 2em;

新填充：

padding: 261px 2em 0 2em;

我有什么遗失的吗？

Answer 1

确保编写更具体的CSS规则：

特异性是浏览器决定哪些CSS属性值与元素最相关的方式，因此将被应用。特异性基于由不同种类的CSS选择器组成的匹配规则 来源： https://developer.mozilla.org/en/docs/Web/CSS/Specificity

要进行快速测试，您可以先使用!important查看规则是否匹配。如果元素的样式设置为，则应删除 !important并尝试编写更具体的规则。

.class-name {
    padding: 261px 2em 0 2em !important;
}

/* the same rule, more specific */
div .parent-class .class-name {
    padding: 261px 2em 0 2em;
}

注意：您应该避免使用!important！

Answer 2

padding: top.px right.px bottom.px left.px;

如此

padding: top and bottom.px AND left and right.px;

如果仅编写两个属性，则将其同时应用于top / bottom和left / write。我认为您认为编写两个属性将遵循top / right，但是其top / bottom和left / write

编辑的CSS不会覆盖原始主题CSS

2 个答案: