Question

我从我网站上安装的主题创建了一个子主题。我创建了一个自定义页面，并使用

为其添加了一个样式表

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

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

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

Answer 1

add this to your function.php of your child theme

 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()，您可以在注入html页面之前传入custom-page-style.css所需的依赖项列表。

例如：

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

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

2 个答案: