function my_theme_enqueue_styles() {
    wp_enqueue_style( \'twentytwentyone-style\', get_template_directory_uri() . \'/style.css\' );
    wp_enqueue_style( \'child-style\',
        get_stylesheet_directory_uri() . \'/style.css\',
        array(\'twentytwentyone-style\')
    );
}

add_action( \'wp_enqueue_scripts\', \'my_theme_enqueue_styles\' );

将样式更改添加到子主题样式时。css文件，我可以在chrome开发工具中看到它们，但被父样式划掉并覆盖。我只能通过添加!important 更改子样式。如果没有，如何更改样式！重要信息，还是这是更改样式的唯一方法？

// parent
.main-content .mydiv

// child
body .main-content .mydiv
// or
.main-content .someclass .mydiv