Question

我使用Wordpress构建了一个页面，现在我正在尝试修改使用CSS。我想从页面上的特定元素中删除顶部填充。在检查了罪魁祸首元素（使用Chrome - ＆gt; Inspect Element）之后，我发现它有一个.content-area类和一个72px的top-padding。以下是inspect元素产生的相关CSS信息：

.content-area, .content-sidebar {
padding-top: 72px;
}

但是，当我将以下内容插入到style.css中时：

.content-area{
padding-top: 0px;
}

填充物仍然存在。关于我做错了什么，或者如何解决的任何想法？

Answer 1

有时候这个属性可以被父类继承，所以你可以尝试这个代码

 .content-area, .content-sidebar {
        padding-top: 72px !important;
    }

Answer 2

谢谢大家。我将CSS更改为：

@media screen and (min-width: 846px) {
    .content-area {
        padding-top: 5px;
    }
}

并且填充物消失了。 CSS中的其他媒体查询不是那么直观，但至少现在这样做了。

CSS和Wordpress：从元素中删除填充

2 个答案: