WordPress 如何在 style.css 之前排队风格

问题描述

在加载 style.css 之前如何排队.css 文件？或者使默认 style.css 依赖于另一个.css 文件？

我正在尝试加载.css 重置，哪个 style.css 将覆盖。

这是我有的：

add_action('wp_enqueue_scripts', 'load_css_files');

function load_css_files() {
    wp_register_style( 'normalize', get_template_directory_uri() . '/css/normalize.css');
    wp_enqueue_style( 'normalize' );
}

但是这是在 style.css 之后加载的。

最佳解决方案

也排队 style.css，并将 normalize 设置为依赖关系：

if ( ! is_admin() )
{
    // Register early, so no on else can reserve that handle
    add_action( 'wp_loaded', function()
    {
        wp_register_style(
            'normalize',
            // parent theme
            get_template_directory_uri() . '/css/normalize.css'
        );
        wp_register_style(
            'theme_name',
            // current theme, might be the child theme
            get_stylesheet_uri(), [ 'normalize' ]
        );
    });
    add_action( 'wp_enqueue_scripts', function()
    {
        wp_enqueue_style( 'theme_name' );
    });
}

当打印 theme_name 时，WordPress 将首先自动加载依赖项。

参考文献

• How to enqueue style before style.css

注：本文内容整合自 Google/Baidu/Bing 辅助翻译的英文资料结果。如果您对结果不满意，可以加入我们改善翻译效果：薇晓朵技术论坛。