Question

我正在使用WordPress主题。

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

我想知道是否有办法确定要包含的样式表的顺序，以便我的自定义CSS总是在供应商之后加载。

我环顾四周，这个问题基本上和我一样问{（{3}}），但问题是在我看来它并不是一个很好的清洁解决方案。

我不想在所有内容上使用重要内容来覆盖，并且我不想手动将我的样式添加到header.php（wp_enqueue_style函数是有原因的，我＆＃39 ; d喜欢使用该功能）。

阅读文档时，唯一可能略微相关的是使用deps数组，但我不确定它是否能满足我的要求。

此处是文档或参考文献的链接：Ordering Wordpress Stylesheets?

我现在将样式表排列的方式非常基本：

在我的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）不是最后一个，因此Bulma（位于底部）覆盖了我的一些自定义样式。

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

感谢

Answer 1

您可以在bulma.css上将dependency设置为 hw.css 。首先，您通过wp_register_style注册您的CSS，然后使用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');

Wordpress - 如何在排队时优先处理某些样式表

1 个答案: