Question

我已经遵循"tutorial"的这两个链接，使用git和composer来建立WP页面。

我的问题：通过查看chrome上开发人员工具的网络标签，我看到引导样式表被称为最后一个，因此它覆盖了主题样式和我的子主题样式。但是我想要以下命令：

第一：引导样式，第二父主题样式和第三child-theme样式。

如何在不直接触摸父主题的情况下实现该目标？

还是我弄错了这个订单，现在打算这样做？

Answer 1

您必须使用wp_enequeue_style函数的依赖参数：以文件名为例，请根据需要进行更改。

add_action( 'wp_enqueue_scripts', 'mytheme_scripts' );
/**  Enqueue scripts and styles.  **/
function mytheme_scripts()
{
    wp_enqueue_style( 'bootsrap-styles', get_template_directory_uri() . '/css/bootstrap.min.css','', 'v1' );

    wp_enqueue_style( 'main-css', get_template_directory_uri() . '/css/main.css',['bootsrap-styles',''], 'v1' );

}

Answer 2

您可以通过主题的function.php

完成此操作

add_action('wp_enqueue_scripts', function(){
    wp_enqueue_style('mainstyle', get_template_directory_uri() . '/main.css' );
}, 99);

Wordpress会将指定的.css文件放在标题中，并赋予99优先级，这意味着它将比其余文件晚添加。您可以为每个所需的.css文件执行此操作，并保持自己的首选顺序。

WordPress主题改变样式表的顺序

2 个答案: