Question

我正在使用名为＆＃34; w3 total cache＆＃34;在wordpress上缩小我的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标签和bootstrap保持在下面覆盖我的所有规则之后立即缩小...

这是我正在处理的网站：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');

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

1 个答案: