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

【问题标题】：CSS and Wordpress: remove padding from elementCSS 和 Wordpress：从元素中删除填充
【发布时间】：2014-06-28 14:39:30
【问题描述】：

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

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

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

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

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

【问题讨论】：

使用相同的选择器覆盖它。特异性是这里的问题。.content-area, .content-sidebar { padding-top: 0; }
感谢您的回复。我这样做了，但无济于事。我在 CSS 中插入了以下内容： .content-area, .content-sidebar { padding-top: 0px;但填充仍然存在。如何在此评论中将内容设置为粗体？我尝试将代码放在反引号中，但没有任何反应。
那么它们出现在样式表中的顺序就是问题所在。确保将其放置在您尝试覆盖的选择器之后/下方。样式表从上到下（级联）读取。而且我什至没有在选择器中看到逗号,。那么特异性就不是问题了。
我有理由确定我将这个新代码放在选择器下方。我将此新代码插入到创建页面后调用的 .css 文件 (style.css) 中。即页面被创建，部分与为该特定元素提供 72px 顶部填充的选择器一起创建。然后我的样式表被调用，它应该覆盖它。也许由于某种原因没有发生这种情况？
不推荐，但是你试过把 padding-top: 0px !important;反而？它将强制它移除元素的 padding-top。

标签： css wordpress

【解决方案1】：

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

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

并且填充消失了。 CSS 中的其他媒体查询没有那么直观，但至少目前可行。

【讨论】：

【解决方案2】：

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

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

【讨论】：