css - 在 WordPress TwentyTen 主题的子项中覆盖 CSS 未生效

Question

我第一次尝试创建子主题，使用二十十主题作为模板(我知道它现在有点旧，但我正在学习的教程使用它。)我的教程做的第一件事是更改主题中主要元素的背景颜色，以突出显示 DIV 所在的位置。我是这样关注的:

#wrapper { background: blue; }
#header { background: yellow; }
#main { background: red; }
#container { background: green; }
#primary { background: aqua; }
#footer { background: gold; }

当我保存文件时，除了包装器 id 之外的所有颜色更改都会生效:

我想知道这是否与父主题的 style.css 似乎有两个包装器 ID 这一事实有关:

#wrapper {
    margin: 0 auto;
    width: 940px;
}
#wrapper {
    background: #fff;
    margin-top: 20px;
    padding: 0 20px;
}

我必须承认，我不明白拥有两个同名 ID 的意义，但是我的 child style.css 是否有可能覆盖父级 CSS 中的第一个包装器，然后父级的第二个 ID 是将颜色设置回白色？

如果是这种情况，我怎么能告诉我的 CSS 文件以第二个 ID 为目标，而不是第一个。如果不是这个，有人对它可能是什么有任何建议吗？

编辑:我只是想指出，我曾尝试直接在父主题中更改颜色调用，这会产生预期的效果!

Answer 1

好吧，我设法找到了问题的部分答案。一路上，在 sdcr 的一些帮助下(在上面的评论中)，我确定实际上，我对 #wrapper id 所做的任何修改都没有被子主题采用，尽管所有其他更改都是。

最后，我尝试从我的 functions.php 中删除以下代码(尽管 WP 推荐它):

add_action('wp_enqueue_scripts', 'theme_enqueue_styles');

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

并用 CSS 中的这条语句替换它:

@import url("../twentyten/style.css");

同样，WP 本身声明此方法现在已过时，应该使用我提到的第一个方法。但是使用 @import 语句解决了这个问题，所以我想这仍然是个谜! (至少在我更好地理解整个过程之前是这样!)