【问题标题】:style.css gets included before bootstrapstyle.css 在引导之前被包含
【发布时间】:2015-08-04 06:30:35
【问题描述】:

我正在尝试用我的 style.css 覆盖引导程序(默认放置在我的 wordpress 主题文件夹中)。所以这是我在functions.php中加入引导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');

这就是我的头在我的谷歌检查器中的样子:

<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

【问题讨论】:

    标签: html css wordpress twitter-bootstrap w3-total-cache


    【解决方案1】:

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

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

    【讨论】:

    • 谢谢它现在正在工作!但我在其他地方发现了另一个问题:P
    • 如果我的回答解决了您的问题,您能否将其标记为已接受?谢谢。 :) PS:你现在有什么问题?
    • 我正在使用一个名为 w3 总缓存的插件,它有一个缩小器选项,但由于某种原因,我的 css 在 bootstrap-css 之前被缩小了,所以它再次被覆盖。
    猜你喜欢
    • 2014-03-13
    • 1970-01-01
    • 1970-01-01
    • 2012-01-24
    • 2018-02-13
    • 2011-04-12
    • 2016-01-19
    • 1970-01-01
    • 2021-08-14
    相关资源
    最近更新 更多