Question

我无法让我的自定义CSS覆盖此站点上的bootstrap。

我已在许多平台上使用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服务器端的缓存，它不会在合理的时间内加载我的新编辑，使得它看起来像我无法覆盖bootstraps预设。虽然我不确定它是否是正确的解决方案，但通过将CSS和Javascript排队更改为：

class Student < ApplicationRecord def tutors scoped_lessons.map(&:tutor).uniq end end

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

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

3 个答案: