WordPress子主题样式偶尔失效，页脚下边距无法修改求助

嘿，我来帮你搞定这个子主题样式的麻烦！你遇到的个别样式被父主题覆盖、页脚下边距调不动的情况，大概率是样式加载逻辑或者CSS选择器权重的问题，咱们一步步排查解决：

1. 先修复子主题样式的入队代码 #

你给出的functions.php代码只加载了父主题的样式，完全没加载子主题自己的样式表——这绝对是样式偶尔回退的核心原因！正确的做法是让子主题样式依赖父主题样式，确保它在父主题样式之后加载，这样才能覆盖同权重的规则。把你的代码改成这样：

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    // 先加载父主题样式
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    // 加载子主题样式，明确依赖父主题，保证加载顺序靠后
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( 'parent-style' ) );
}

这里的array( 'parent-style' )是关键：它通知WordPress，子主题样式必须等父主题样式加载完再加载，这样你的子主题样式才能优先生效。

2. 给页脚样式加足够的权重 #

如果已经修复了入队代码，但页脚下边距还是不生效，那就是父主题的CSS选择器权重比你写的高。你可以用这几个方法提升权重：

• 给选择器套上更上层的容器类/id，比如父主题页脚用的是.site-footer，你就写.page .site-footer或者body.home .site-footer，这样权重就上去了
• 万不得已的时候用!important（尽量少用，不然以后维护麻烦），比如：

.site-footer {
    margin-bottom: 20px !important; /* 换成你想要的数值 */
}

• 直接复制父主题里对应页脚的完整选择器，比如父主题用的是.site-footer .footer-inner .bottom-bar，你就在子主题里用一模一样的选择器写样式，因为子主题样式加载更晚，你的规则会覆盖父主题的。

3. 额外的小排查点 #

• 清浏览器缓存！有时候浏览器会存旧的CSS文件，导致你改了样式也看不到效果，按Ctrl+Shift+R（Windows）或者Cmd+Shift+R（Mac）强制刷新试试
• 检查子主题style.css的头部注释：必须有标准的子主题声明，比如：

/*
Theme Name: 你的子主题名称
Theme URI: （可选）你的子主题链接
Description: 基于XX父主题的自定义子主题
Author: 你的名字
Author URI: （可选）你的个人链接
Template: 父主题的文件夹名称（必须和父主题文件夹名完全一致！比如父主题是twentytwentyfour，这里就写twentytwentyfour）
Version: 1.0.0
*/

如果Template字段写错了，WordPress根本不认这是子主题，样式加载肯定会出问题。

内容的提问来源于stack exchange，提问作者Meg Bogart