style.css 在 bootstrap 之前被包含

Question

我正在尝试用我的 style.css 覆盖 bootstrap（默认情况下位于我的 wordpress 主题文件夹中）。所以这是我在我的 functions.php 中用于排队 bootstrap cdn 和我的 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');

这就是我在 google 的检查员中的头像：

<link rel="stylesheet" id="maincss-css" href="http://bootstraptest.co.nf/wp-content/themes/HipsterTheme/style.css?ver=1.0.0" type="text/css" media="screen">

<link rel="stylesheet" id="bootstrap-css-css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css?ver=4.2.3" type="text/css" media="all">

我是 wordpress 的新手所以对我好一点:P

Answer 1

根据文档 wp_enqueue_style，您应该使用 $deps 参数声明 maincss 的依赖关系，如下所示:

wp_enqueue_style( 'maincss', get_template_directory_uri() . '/style.css',array('bootstrap-css') );