php - WordPress:以正确的顺序覆盖子主题中的多个 css 文件

Question

如何将父主题中的更多 css 文件放入子主题中，并按什么顺序排列？

注意:之前的方法是使用 @import 导入父主题样式表，但这不再是最佳实践，因为它会上传样式表两次。

排队父主题样式表的正确方法是添加 wp_enqueue_scripts作用与使用wp_enqueue_style()在子主题的 functions.php 中。

因此，这是要使用的正确 PHP 代码:

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );

function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}

但这仅上传 style.css 并且所有主题都有多个 css 文件，那么我如何才能将所有这些文件排入队列？以及如何保持上传文件的正确顺序？

例如，除了 style.csstheme_parent_directory/css/main.css 入队文件 main.css em>?

我希望我的英语很清楚。 :)

提前致谢!

Answer 1

<?php

  add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles',999 );
  function theme_enqueue_styles() {
     wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
     wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/css/main.css' );
     wp_enqueue_style( 'child-style',
      get_stylesheet_directory_uri() . '/style.css',
      array( $parent_style )
     );
}

?>