如何在wordpress中添加所有其他样式表之后添加样式表？

Question

我从我网站上安装的主题创建了一个子主题。我创建了一个自定义页面并使用它添加了一个样式表

wp_enqueue_style( 'page-template', get_template_directory_uri() . '/css/custom-page-style.css')

但它添加在其他样式表的顶部，这意味着我添加的样式将被其他样式表覆盖。

如何在</head>之前在其他样式表的末尾创建此样式表，以便它将覆盖其他样式表？

Answer 1

将此添加到您的子主题的function.php中

 example_enqueue_styles() {

// enqueue parent styles
wp_enqueue_style('parent-theme', get_template_directory_uri() .'/style.css');

// enqueue child styles
wp_enqueue_style('child-theme', get_stylesheet_directory_uri() ./css/custom-page-style.css', array('parent-theme'));
}
add_action('wp_enqueue_scripts', 'example_enqueue_styles');

Answer 2

wp_enqueue_style的完整API是：

wp_enqueue_style( $handle, $src, $deps, $ver, $media );

$deps代表依赖，默认情况下它是一个空的array()，你可以传入你的custom-page-style.css在注入html页面之前所需的依赖项列表。

例如：

wp_enqueue_style( 'child-theme', get_stylesheet_directory_uri() . '/css/custom-page-style.css', array('jQuery', 'bootstrap'));