如何在WordPress中让自定义样式表加载于所有样式表之后？

嘿，这个问题太常见了——WordPress的样式加载顺序坑过不少人！你的核心问题是自定义样式的入队时机太早，被后面加载的主题默认样式覆盖了。别慌，给你两个直接有效的解决办法：

方案1：通过依赖关系绑定主题主样式 #

WordPress的wp_enqueue_style函数有个关键的第三个参数：依赖项数组。只要把你的自定义样式设置为依赖于主题的主样式，它就会自动在主样式之后加载，完美实现覆盖效果。

• 第一步：找到父主题主样式的「handle」（也就是wp_enqueue_style的第一个参数）。打开父主题的functions.php，找类似这样的代码：

  // 示例：Twenty Twenty-Four主题的主样式入队代码
  wp_enqueue_style( 'twenty-twenty-four-style', get_stylesheet_uri(), array(), wp_get_theme()->get('Version') );
  

  这里的twenty-twenty-four-style就是主样式的handle，不同主题名字不一样，比如Storefront是storefront-style，Astra是astra-theme-css。

• 第二步：修改你的入队代码，把主样式handle放进依赖数组：

  add_action( 'wp_enqueue_scripts', 'enqueue_my_custom_page_style' );
  function enqueue_my_custom_page_style() {
      // 把'parent-theme-main-style'替换成你找到的实际handle
      wp_enqueue_style( 
          'page-template', 
          get_stylesheet_directory_uri() . '/css/custom-page-style.css', 
          array('parent-theme-main-style'), // 依赖主样式
          '1.0', // 版本号，方便缓存更新
          'all' // 媒体类型
      );
  }
  

  👉 重要提醒：我把get_template_directory_uri()改成了get_stylesheet_directory_uri()——因为你用的是子主题，这个函数会指向子主题的目录，避免路径错误。

方案2：提高入队动作的优先级 #

如果找不到主样式的handle，或者依赖方式不生效，你可以直接调整add_action的优先级，让你的样式入队代码在大多数主题样式之后执行。

默认情况下，wp_enqueue_scripts动作的优先级是10，你把优先级设成一个更大的数字（比如20、30），你的代码就会晚执行，样式自然会加载在后面：

// 第三个参数20就是优先级，数字越大执行越晚
add_action( 'wp_enqueue_scripts', 'enqueue_my_custom_page_style', 20 );
function enqueue_my_custom_page_style() {
    wp_enqueue_style( 
        'page-template', 
        get_stylesheet_directory_uri() . '/css/custom-page-style.css', 
        array(), // 无依赖
        '1.0', 
        'all' 
    );
}

最后必做：清除缓存 #

不管用哪种方法，改完代码后一定要清一下：

• WordPress的缓存插件（如果安装了的话）
• 浏览器的缓存（快捷键Ctrl+Shift+R/Command+Shift+R强制刷新）

缓存会保留旧的加载顺序，不清的话可能看不到效果哦！

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