子主题中样式表的顺序

时间：2014-06-18 作者：Nilambar Sharma

父主题具有以下用于包含样式的代码。

function blue_planet_scripts() {
    wp_enqueue_style( \'blue-planet-style\', get_stylesheet_uri() );
    wp_enqueue_style( \'blue-planet-style-bootstrap\', get_template_directory_uri().\'/css/bootstrap.min.css\', false ,\'3.0.0\' );
    wp_enqueue_style( \'blue-planet-style-responsive\', get_template_directory_uri().\'/css/responsive.css\', false ,\'\' ); 
}
add_action( \'wp_enqueue_scripts\', \'blue_planet_scripts\' );
在子主题中，我刚刚使用导入父主题的样式

@import url("../blue-planet/style.css");

但样式表的顺序是：

风格。css（子主题）引导。最小css响应。在父函数中需要进行哪些修改才能包含子主题的样式。css在顺序的最后？我需要：

引导。最小css响应。css样式。css（子主题）

1 个回复
最合适的回答,由SO网友:bueltge 整理而成

功能wp_enqueue_style 具有参数$deps 视情况而定。

$deps（array）（可选）此样式表所依赖的任何样式表的句柄数组；必须在此样式表之前加载的样式表。如果没有依赖项，则为false。默认值：array（）

使用此参数定义依赖项，您就有了一个顺序。

function blue_planet_scripts() {
    wp_enqueue_style( \'blue-planet-style\', get_stylesheet_uri() );
    wp_enqueue_style( \'blue-planet-style-bootstrap\', get_template_directory_uri().\'/css/bootstrap.min.css\', \'blue-planet-style\' ,\'3.0.0\' );
    wp_enqueue_style( \'blue-planet-style-responsive\', get_template_directory_uri().\'/css/responsive.css\', \'blue-planet-style-bootstrap\',\'\' ); 
}
add_action( \'wp_enqueue_scripts\', \'blue_planet_scripts\' );

结束
标签： child-theme   css   parent-theme   小码农  

相关推荐

在某些页面上禁用子主题CSS

我已经激活了子主题，需要在某些页面上完全禁用子主题css，只留下父主题css。如何做到这一点？