我有一个儿童主题，是2017年的主题。我遇到的问题是，我的子主题css不起作用。我已经检查了页面源代码，正在加载子主题的css文件，但似乎没有覆盖父主题css。
如果我将代码添加到主题附加css框中，它就会工作。然而，当我将其放入子主题css文件时，它并没有这样做。
我已经阅读了儿童主题样式排队的正确方法，但这一切都有点令人困惑。“我的孩子”主题函数中的当前代码。php文件如下所示。
<?php
// Enqueue the parent and child theme stylesheets
if ( !function_exists( \'my_theme_enqueue_styles\' ) ):
function my_theme_enqueue_styles() {
$parent_style = \'parent-style\';
wp_enqueue_style( $parent_style, get_parent_theme_file_uri( \'style.css\' ) );
}
endif;
add_action( \'wp_enqueue_scripts\', \'my_theme_enqueue_styles\' );
// Enqueue child them js file
add_action( \'wp_enqueue_scripts\', \'child_theme_js\' );
function child_theme_js() {
wp_enqueue_script( \'child-theme-js\' , get_stylesheet_directory_uri() . \'/child-theme-js.js\' , array( \'twentyseventeen-global\' ) , false , true );
}
你能看到这个代码有什么问题吗？
我正在处理的页面是https://dev.theartofsongs.com/about/
页面应该有css使其全宽，但它不工作
谢谢你的帮助
阿里
最合适的回答,由SO网友:RiddleMeThis 整理而成
您的CSS正在工作并覆盖父CSS。所以这不是排队的问题，一切正常。
我不知道你想做什么全宽，但你目前的目标是内容中的一个div。如果要使整个内容区域全宽，请尝试添加类似的内容。
.wrap {
max-width: 100%;
padding-left: 3em;
padding-right: 3em;
}
另一方面，如果您通过点击f12来使用浏览器的检查器，那么调试这些类型的东西就轻而易举了。
