WordPress的 - 如何优先排列一些样式表

Question

我正在研究一个WordPress主题。

我的主题使用bootstrap和另一个框架，以及一些自定义CSS。

我想知道是否有一种方法来决定样式表的排列顺序，以便我的自定义CSS始终在供应商之后加载。

我环顾四周，这个问题基本上和我一样问（Ordering Wordpress Stylesheets?），但问题在于我认为这不是一个很好的和干净的解决方案。

我不想使用重要的一切来覆盖，我不想手动添加我的样式到header.php（wp_enqueue_style函数是有原因的，我想用该功能）。

阅读文档，唯一可能稍有关系的是使用deps数组，但我不确定它会做我需要的。

这里的链接到文件或您参考：https://developer.wordpress.org/reference/functions/wp_enqueue_style/

我现在排队我的样式表的方式是非常基本的：

在我的functions.php

：

function hw_resources() 
{ 
    wp_enqueue_style('fontawesome-css', '/wp-content/themes/hwTheme/assets/css/font-awesome.min.css'); 
    wp_enqueue_style('bulma-css', '/wp-content/themes/hwTheme/assets/css/bulma.css'); 
// wp_enqueue_style('bootstrap-css', '/wp-content/themes/hwTheme/assets/css/bootstrap.css'); 
    wp_enqueue_style('animate-css', '/wp-content/themes/hwTheme/assets/css/animate.min.css'); 
    wp_enqueue_style('hw-css', '/wp-content/themes/hwTheme/assets/css/hw.css'); 
    wp_enqueue_script('hw-js', '/wp-content/themes/hwTheme/assets/js/hw.js', array(), false, false); 
} 

add_action('wp_enqueue_scripts', 'hw_resources', 0); 

的样式表包括，但我的（hw.css）不是最后一个，所以布尔玛（它在底部）覆盖了我的一些自定义样式。

有什么建议吗？这个原因，deps数组有用吗？我如何使用它？

感谢

Answer 1

那么你可以设置你的hw.css你bulma.css为dependency。 所以首先你注册你的css通过wp_register_style然后你使用wp_enqueue_style。

像这样：

function hw_resources() 
{ 
wp_register_style('hw-css', get_template_directory_uri() . '/hw.css', array(), '1.0', 'all'); 
wp_register_style('bulma-css', get_template_directory_uri() . '/bulma.css', array('hw-css'), '1.0', 'all'); 
wp_enqueue_style('hw-css'); 
} 

add_action('wp_enqueue_scripts', 'hw_resources');