WordPress: Überschreiben Sie mehrere CSS-Dateien im untergeordneten Design in der richtigen Reihenfolge

Wie kann ich weitere CSS-Dateien aus dem Parent-Theme in das Child-Theme einreihen und in welcher Reihenfolge?

Hinweis: Die vorherige Methode bestand darin, das Stylesheet des übergeordneten Designs zu importieren @importaber dies ist keine Best Practice mehr, da das Stylesheet zweimal hochgeladen wird.

Die richtige Methode zum Einreihen des übergeordneten Design-Stylesheets in die Warteschlange ist das Hinzufügen einer wp_enqueue_scripts Aktion und Nutzung wp_enqueue_style() im Child-Theme Funktionen.php.

Dies ist also der richtige PHP-Code:

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );

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

Aber das lädt nur hoch style.css und alle Themen haben mehrere CSS-Dateien, also wie kann ich sie alle einreihen? Und wie kann ich die richtige Reihenfolge beim Hochladen von Dateien einhalten?

Wie kann ich beispielsweise die Datei in die Warteschlange einreihen main.css vom Weg theme_parent_directory/css/main.css zusätzlich zu style.css?

Ich hoffe, dass mein Englisch klar ist. 🙂

Vielen Dank im Voraus!

<?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 )
     );
}

?>