Html Wordpress页面未正确阅读css

我的wordpress页面跳过了一个css类，显示不好。它没有填充物

在我的wordpress主题中，所有页面的class属性中都有.page.hentry类

“询问”页面包含以下html代码：

<article id="post-70" class="post-70 page type-page status-publish hentry">...

---

这是到的链接，首先，我们需要一个JSFIDLE/类似的代码片段来帮助您解决问题

---

但我的建议是，转到你的主题文件夹（在content/yourthemename中），用一些代码编辑器（如or）检查，并查找正在生成的问题页的位置。

.page。hentry

意味着它在父/祖/祖等元素中处理class

hentry

元素

查看

正文

标记中的类：一个页面的正文中有class

页面

，另一个页面的

存档

（没有

页面

），因此

.page.hentry

选择器仅适用于

正文

标记中有

页面

的页面中的

.hentry

，不是

存档

页面

---

如果要同时处理这两个类，可以使用

.page.hentry

作为选择器（中间没有空格）-这将应用于同时具有

.page

和

.hentry

类的所有元素。

有效的页面在body类上具有

.page

，但没有从body中丢失该类的元素

选择器是：

.page .hentry {
    padding: 45px;
}

但是如果

.page

不存在，它将跳过它

解决方案，它们都使用

#main

，因此将css更改为：

#main .hentry {
    padding: 45px;
}

或者只需将填充添加到：

.hentry {
    padding: 45px;
    margin: 0 0 45px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
}

以下是另一种选择：

.page.hentry {
    padding: 45px;
}

---

问题是其他页面使用了#main和.hentry，因此我无法更改它们。我试图用jquery将.page类添加到正文中，但没有成功。然后使用.page.hentry{}如果其他页面使用该类，它们需要连接在一起，这意味着.page和.hentry都应用于article元素

.hentry {
    padding: 45px;
    margin: 0 0 45px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
}

.page.hentry {
    padding: 45px;
}