缩小的css被wordpress中的bootstrap cdn覆盖

Question

我在 wordpress 上使用了一个名为“w3 total cache”的插件，它可以缩小我的 style.css（位于我的主题文件夹中）。问题是在function.php中我像这样正确地将boostrap cdn和style.css排入队列：

function bootstrap() { 
wp_enqueue_style( 'bootstrap-css', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css' ); 
wp_enqueue_script( 'bootstrap-js', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js',  array('jquery') );

}
add_action('wp_enqueue_scripts', 'bootstrap');



function maincss() {
wp_enqueue_style( 'maincss', get_template_directory_uri() . '/style.css' );
}
add_action( 'wp_enqueue_scripts', 'maincss');

但是，每当我的页面加载后，style.css 就会在 head 标记之后立即缩小，并且引导程序停留在覆盖我所有规则的下方...

这是我正在开发的网站：http://bootstraptest.co.nf

如果您在引导后立即移动第一个样式表，您可以看到按钮正常工作并且标题被正确放置。

Answer 1

可以使用 wp_enqueue_style 的依赖属性 参见文档here

    function bootstrap() { 
    wp_enqueue_style( 'bootstrap-css', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'); 
    wp_enqueue_script( 'bootstrap-js', 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js',  array('jquery') );

    }
    add_action('wp_enqueue_scripts', 'bootstrap');
function maincss() {
wp_enqueue_style( 'maincss', get_template_directory_uri() . '/style.css' , array('bootstrap-css') );
}
add_action( 'wp_enqueue_scripts', 'maincss');