WP PageNavi 不接受 CSS 文件答案

【问题标题】：WP PageNavi not accepting CSS fileWP PageNavi 不接受 CSS 文件
【发布时间】：2019-02-14 18:13:24
【问题描述】：

我最近在我们的网站上添加了插件 WP PageNavi。该插件本身运行良好，但它拒绝遵守 pagenavi-css.css 中提供的 CSS 样式

Web 运行最新的 wordpress 和 DIVI 主题（子主题）。优雅的主题（DIVI 开发人员）表示，此插件与其产品完全兼容，但有问题。

我尝试过的事情：

-使用此代码增强子主题的navigation.php

<?php if (function_exists('wp-pagenavi')) { wp_pagenavi(); } else { ?><div class="navigation">
    <div class="alignleft"><?php next_posts_link('&laquo; Older Entries') ?></div>
    <div class="alignright"><?php previous_posts_link('Newer Entries &raquo;') ?></div>
</div><?php } ?>

-将修改后的pagenavi-css.css复制到子主题的目录，内容：

.wp-pagenavi {
    clear: both;

}

.wp-pagenavi a, .wp-pagenavi span {
    border: 1px solid #BFBFBF;
    padding: 3px 5px;
    margin: 2px;
    color: #000000;
    font-size: small;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #ff0000;
}

.wp-pagenavi span.current {
    font-weight: bold;
    font-size: medium;

}

但是，网站上仍然没有出现任何格式（除了红色，无论如何这都是错误的）。可以在此处查看实时示例：https://azub.eu/community/blog/

谁能给我建议，我哪里错了，或者为什么缺少样式？谢谢

编辑：看起来 Autoptimize 与它有关，但我将 pagenavi-css.css 排除在优化之外。但是一般的css优化仍然是ON。有什么猜想吗？ Screen from Dev tool

编辑 2： 所以在禁用 Autoptimize 后，devtools 已经将样式来源显示为 pagenavi-css.css dev tools screen 但是样式仍然不存在！有什么想法吗？

编辑 3：今天，我正在寻找插件冲突并关闭和打开所有插件，突然 CSS 启动。但是当我尝试更新 CSS 时，它又卡住了。我也执行了第一次导致阳性结果的相同步骤，但没有任何运气。现在看起来像这样current look。有没有想过 WordPress 可以在哪里保存 CSS？

【问题讨论】：

我看到你的边框不工作了？？它到底应该是什么样子？
你在使用缓存插件吗？清除缓存并检查。
我们使用 Autoptimise（排除 pagenavi-css.css 优化）和 WP 超级缓存（测试时它的缓存是空的）边框元素只是为了测试目的而添加的，因为它没有响应任何完全修改。

标签： css wordpress pagination

【解决方案1】：

恐怕您必须在 CSS 中使用 !important，因为您当前的主题在其 默认行为 中使用 !important CSS。所以做一件事，用这个替换它。

.wp-pagenavi {
    clear: both;

}

.wp-pagenavi a, .wp-pagenavi span {
    border: 1px solid #BFBFBF !important;
    padding: 3px 5px;
    margin: 2px;
    color: #000000;
    font-size: small;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: #ff0000;
}

.wp-pagenavi span.current {
    font-weight: bold !important;
    font-size: medium !important;

}

【讨论】：

替换了代码，清除了自动优化缓存，清除了浏览器缓存但还是不行
您的代码没有被替换.. 用我给定的代码替换代码。
/*域*/web/www/wp-content/themes/Divi-child-theme-01/pagenavi-css.css
但它没有更新.. 我没有看到 !important css added there
我还尝试替换 /*domain*/web/www/wp-content/plugins/wp-pagenavi 的默认 css 文件；清除了我知道的所有可能的缓存，但结果仍然相同。我通过 Filezilla 上传修改后的文件，因此应该可以正确更新。

【解决方案2】：

所以，在我的情况下，帮助关闭每个插件，然后将主题切换到某个默认值，然后重新打开所有内容。在这些行动之后，CSS 开始了。是DIVI和缓存结合的问题。

【讨论】：