如何在结束 head 标签之前加载多个 css 文件？

【问题标题】：How to load multiple css files before the closing head tag?如何在结束 head 标签之前加载多个 css 文件？
【发布时间】：2020-03-13 13:22:07
【问题描述】：

我想知道如何使这段代码适用于 2 个 css 文件。我们在functions.php中使用下面的代码在结束head标签之前加载我们自己的css，但我们希望在结束head标签之前加载第二个css。我们如何使这段代码适用于 2 个 css 文件？

function register_my_custom_styles() {
wp_register_style("boldbase-styles", "//boldbase.nl/l/wp-content/uploads/bb-style.css");
}

add_action("wp_enqueue_scripts", "register_my_custom_styles");

function styles_to_go_after_oxygen() {
wp_print_styles("boldbase-styles");
}
add_action("wp_head", "styles_to_go_after_oxygen", 1000000 );

【问题讨论】：

查看您正在使用的插件的源代码，这让您感到困惑......找出他们将脚本排入队列的位置。设置更高的优先级。

标签： php wordpress function stylesheet

【解决方案1】：

您可以仅使用 wp_enqueue_scripts 操作加载多个 CSS。

function load_styles() {
  wp_enqueue_style ("first style", "url/first-style.css", array(), null);
  wp_enqueue_style ("second style", "url/second-style.css", array(), null);
  wp_enqueue_style ("third style", "url/third-style.css", array(), null);
}
add_action('wp_enqueue_scripts', 'load_styles_scripts', 99999);

样式表将在<head>标签内以相同的顺序放置。

【讨论】：

问题是我们使用的插件有他自己的css文件，它在结束的head标签之前加载。因此，不幸的是，我们无法使用这种方法获取我们自己的 css 文件
我明白了。那么，在这种情况下使用该号码对您不起作用？
不，这还不足以把它一直推到下面，在结束头标签之前:(
我不知道你用的是什么插件，但我想你可以试着找出它是如何把这种风格放在头上的。然后很容易知道如何覆盖订单。