已入队但WordPress页面未加载自定义CSS问题排查

以下是排查和解决的几个关键方向：

1. 调整样式加载顺序与依赖关系 #

Astra父主题的样式可能在你的子主题样式之后加载，导致子主题CSS被覆盖。修改functions.php中的入队代码，明确依赖父主题样式，并添加版本号避免缓存：

<?php
function my_child_theme_scripts() {
    // 依赖Astra父主题样式，确保子主题样式后加载
    wp_enqueue_style( 'child-theme-style', get_stylesheet_uri(), array( 'astra-theme-css' ), wp_get_theme()->get('Version') );
    wp_enqueue_style( 'sidebar-cdn-icons', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' );
}
add_action( 'wp_enqueue_scripts', 'my_child_theme_scripts' );

2. 提升自定义CSS优先级 #

WordPress内置编辑器的CSS是内联样式，优先级高于外部子主题CSS。你可以：

• 给自定义选择器增加父级嵌套，比如原选择器是.sidebar-widget，改为.ast-container .sidebar-widget
• 万不得已时使用!important（尽量避免滥用，仅针对特定样式）：

  .sidebar-widget {
      color: #333 !important;
  }
  

3. 清除浏览器缓存 #

浏览器可能缓存了旧的CSS文件，导致新样式不生效：

• 按Ctrl+F5（Windows）或Cmd+Shift+R（Mac）强制刷新页面
• 打开浏览器开发者工具（F12），在「Network」面板勾选「Disable cache」，刷新页面测试

4. 验证子主题状态与文件权限 #

• 确认在WordPress后台「外观→主题」中，Astra Child主题已被激活
• 检查子主题的style.css和functions.php文件权限，设置为644（文件）和755（文件夹），确保WordPress能正常读取

内容的提问来源于stack exchange，提问作者Manpreet Singh