在 Wordpress 上为单个页面编辑 CSS答案

【问题标题】：Editing CSS on Wordpress for a single page在 Wordpress 上为单个页面编辑 CSS
【发布时间】：2014-11-20 17:47:17
【问题描述】：

所以我正在尝试将 CSS 应用到 wordpress 中的单个页面，但我在这样做时遇到了一些麻烦，如果有人能指导我朝着正确的方向前进，那就太好了。

我在主主题 css 文件夹中有这个

.content h3 {
    background-position: left top;
    background-repeat: no-repeat;
    border-bottom: 1px solid #e8e8e8;
    color: #444;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 21px !important;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 100%;
    margin-bottom: 4px;
    padding-bottom: 14px;
    padding-left: 0;
    padding-top: 4px;
    text-transform: capitalize;
}

我已经把它放在 CSS 文件的底部以影响单个页面

.page-id-437 .h3.gv-field-3-1{
    background-position: left top;
    background-repeat: no-repeat;
    border-bottom: 1px solid #e8e8e8;
    color: #444;
    font-family: Arial,Helvetica,sans-serif !important;
    font-size: 21px !important;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 100%;
    margin-bottom: 4px;
    padding-bottom: 14px;
    padding-left: 0;
    padding-top: 4px;
    text-transform: capitalize;
}

任何帮助将不胜感激，谢谢

编辑：我可能应该添加 .h3.gv-field-3-1 是我要编辑的特定字段，而 437 是我希望它进入的页面 ID

【问题讨论】：

当您在样式表底部添加 .page-id-437 .h3.gv-field-3-1 的样式时，您没有碰巧在媒体查询中添加它，你是否？另外，您是说这些样式不适用吗？你能通过应用 !important 来测试它吗？在每一个的末尾？如果这没有显示您的样式，那么您没有正确选择它们（可能是因为它们没有这些类）。

标签： css wordpress gravity-forms-plugin

【解决方案1】：

您的方法本身并没有错。 h3 是您拥有或应该以具有 .gv-field-3-1 类的 h3 为目标的类。另外，你确定你的 body 有 page 类吗？

【讨论】：

感谢您的意见，我确实有一个 h3 课程，但我认为您的最后一点是这不起作用的原因。你介意扩展“另外，你确定你的 body 有页面类吗？”
为了让这些类出现在主体上，您需要调用主体类函数<body <?php body_class(); ?>>，因此请检查您的模板以查看它是否具有。如果不添加它，您应该会看到您的 css。
所以基本上我正在尝试在单个页面上编辑插件的 css。您会建议我将 body 类功能添加到主题或特定插件 php 中吗？
我总是将它添加到主题中，然后你在每个页面上都有一个系统来根据页面定位内容，如果它是孩子或祖先等。打开 body_class 函数并检查 body 标签不同的页面。你会看到它添加了一些方便的类
嗯好吧听起来不错，你有一个很好的链接或教程之类的东西，列出了我应该在主题中实际放入的内容吗？对不起，我真的是新手