Question

我的wordpress页面正在跳过一个css类，但它没有很好地显示。它没有填充。

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

“Ask”页面有这个HTML代码：

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

工作正常，但我的问题页面没有

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

当我看到带有chrome的代码时，文章只有.hentry类。

这是css代码的一部分：

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

这是指向page with the problem和the other page

的链接

Answer 1

.page .hentry表示它使用类hentry

中的中的类<{1}} 来处理父/祖父母等元素的元素
查看.page标记中的类：正文中的一个页面包含body个字段，另一个页面page（并且没有archive）所以{ {1}}选择器仅适用于page标记中.page .hentry而非.hentry页面中.page的网页中的body。

如果您想同时解决这两个问题，可以使用archive作为选择器（中间没有空格） - 这将适用于同时具有.page.hentry和.page类的所有元素

Answer 2

有效的页面在body类上有DateTime beginTime = getStartTime(); DateTime withTimeNow = beginTime.withTime(LocalTime.now()) LocalDate result = withTimeNow.isBefore(beginTime)? beginTime.toLocalDate().plusDays(1) : beginTime.toLocalDate();但是没有的页面在主体中缺少该类。

选择器是：

.page

但如果.page .hentry { padding: 45px; }不存在，则会跳过它。

解决方案，他们都使用.page所以将css更改为：

#main

或只是将填充添加到：

#main .hentry {
    padding: 45px;
}

这是另一种选择：

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

Answer 3

首先，我们需要一个jsfiddle /类似代码片段来帮助您解决问题。

但我的提示是，转到您的主题文件夹（内容/ yourthemename）并使用某些代码编辑器（例如ATOM或SUBLIME进行检查，并查找正在生成问题页面的位置。

Wordpress页面没有正确阅读CSS

3 个答案: