Question

我有一个主题和一个子主题，我正在尝试加载子主题空白css文件来覆盖父主题文件规则。

在父主题中，主题根目录中有一个style.css，/ assets / css /目录中有responsive.css

在子主题中，子根目录中有style.css和responsive.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文件之后加载我的自定义文件？

Answer 1

您可以通过声明依赖项来确定加载顺序。请注意，所有句柄必须是唯一的：

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' );
}

Wordpress wp_enqueue_scripts不起作用

1 个答案: