自定义CSS不会覆盖WordPress主题上的引导程序

Question

我无法让我的自定义CSS覆盖此站点上的引导程序。

我在许多平台上使用bootstrap编程，从来没有遇到任何问题，但我正在为客户开发WordPress网站，我所做的一切都不起作用。我无法将背景颜色或类似的自定义项分配给类并将它们粘贴到div 中，因为它们只是拒绝显示。我什至无法使用预先存在的引导类并将它们放入div 中。就像我的CSS文件不存在一样。基本示例：

.my-blue-background { 
background-color: blue;
}
<div class = "container my-blue-background">
...
</div>

甚至：

<div class = "my-blue-background">
<div class = "container">
...
</div>
</div>

甚至：

<div class = "container text-center">
<h1>Hello World!</h1>
</div>

甚至：

<div class = "container">
<h1 class = "text-center">Hello World!</h1>
</div>

我试过使用！important。我尝试只是从其他主题复制 CSS 文件和页面，只是为了看看它们是否有效，它们确实有效，但是如果我尝试更改其自定义样式表上的任何内容，它就不会显示。我尝试完全删除他们的自定义样式表，它甚至不会在我的网站上显示发生了不同的事情。我尝试清除缓存，并尝试在不同的浏览器和不同的计算机上查看网站。据我所知，我的队列设置正确，因为我尝试了这两种方法：

wp_register_style('bootstrap', get_template_directory_uri() . '/inc/css /bootstrap.min.css', false, '4.0.0', null);
wp_enqueue_style('bootstrap');
wp_register_style('customstyle', get_template_directory_uri() . '/inc/css/custom.css', false, '0.0.1', null);
wp_enqueue_style('customstyle');

和：

wp_register_style('bootstrap', get_template_directory_uri() . '/inc/css /bootstrap.min.css', false, '4.0.0', null);
wp_register_style('customstyle', get_template_directory_uri() . '/inc/css/custom.css', false, '0.0.1', null);

我配置的设置有问题吗？

Answer 1

我在你的 html 输出中看到一些错误的空格

<div class = **the space here is wrong** "container text-center">

正确的是：

<div class="container text-center">

Answer 2

如果要确保自定义样式在引导样式之后加载，则应执行以下操作：

wp_register_style('bootstrap', get_template_directory_uri() . '/inc/css /bootstrap.min.css', false, '4.0.0', null);
wp_enqueue_style('bootstrap');
wp_register_style('customstyle', get_template_directory_uri() . '/inc/css/custom.css', array('bootstrap'), '0.0.1', null);
wp_enqueue_style('customstyle');

如果这不能解决它，那么指向该网站的链接将有很大帮助。

Answer 3

问题原来是WordPress服务器端的缓存，它不会在合理的时间内加载我的新编辑，使我看起来无法覆盖引导预设。虽然我不确定这是正确的修复程序，但它是通过将 CSS 和 Javascript 队列更改为

：wp_enqueue_style('customstyle', get_template_directory_uri() . '/inc/css/mystyle.css', array(), rand(111,9999), 'all' ); wp_enqueue_script('customjs', get_template_directory_uri() . '/inc/js/myscripts.js', array(), rand(111,9999), true);

它迫使服务器重新加载我的新样式表和脚本，立即给我更改。