我有一个主题和一个子主题,并且我试图加载子主题空白css文件以覆盖父主题文件规则。
在父主题中,主题根目录中有一个style.css,在/ assets / css /目录中有响应.css
在子主题中,子根目录中包含style.css和响应.css
functions.php中包含此代码,但是唯一有效的方法是,如果将!important应用于子样式css规则。
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/assets/css/responsive.css' );
wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/responsive.css' );
}
如何在我的自定义文件加载到主要的CSS文件之后加载?
您可以通过声明依赖关系来确定加载顺序。请注意,所有句柄必须唯一:
add_action( 'wp_enqueue_scripts', 'so27575579_enqueue_styles' );
function so27575579_enqueue_styles()
{
wp_register_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_register_style( 'parent-style-resp', get_template_directory_uri() . '/assets/css/responsive.css', array( 'parent-style' ) );
wp_register_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( 'parent-style-resp' ) );
wp_register_style( 'child-style-resp', get_stylesheet_directory_uri() . '/responsive.css', array( 'child-style' ) );
wp_enqueue_style( 'child-style-resp' );
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句