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