Is this the correct way to enqueue style sheets from parent theme and then from child theme in wordpress?

Question

I am creating a child theme of a theme in WordPress. In Parent theme i have style.css and inside css folder of parent theme i have a base.css file ( and some more css files but the problem is only with base.css file ). Somehow it turns out that the sequence in which styles should be loaded is parent->base.css then parent->style.css the child->style.css. I want to ask whether the code below is correct way to do so ? To be specific it's Enough Theme.

functions.php inside child theme

<?php
    function my_theme_enqueue_styles() {

        $parent_style = 'parent-style';
        wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css', array('enough_base') );

    }
    add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles', 9 );
?>
<?php
    function enqueue_child_theme_styles() {
      wp_enqueue_style( 'child-style', get_stylesheet_uri(), array($parent_style) );
    }
    add_action( 'wp_enqueue_scripts', 'enqueue_child_theme_styles', 11);
?>
<?php

Answer 1

You can try below code. I think there is no need to use wp_enqueue_scripts twice to enqueue the parent and child theme style sheets separately. Also the use of echo get_stylesheet_uri( ); in the enqueue_child_theme_styles function doesn't make any sense.

function my_theme_enqueue_styles() {

    $parent_style = 'styles';

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css', array('enough_base') );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );

Make sure that you replace the parent-style with the same $handle used in the parent theme when it registers its stylesheet. You can refer following link for more details. https://codex.wordpress.org/Child_Themes