如何在WordPress中让自定义样式表晚于插件样式表加载？

方法一：通过wp_enqueue_style调整加载优先级与依赖 #

WordPress的样式加载系统支持通过钩子优先级和依赖关系控制加载顺序。默认主题样式的wp_enqueue_scripts钩子优先级为10，我们可以设置更高的优先级（如99），确保自定义样式表在插件样式之后加载。

在子主题的functions.php中添加以下代码：

function enqueue_late_custom_styles() {
    // 注册并加载自定义样式表
    wp_enqueue_style(
        'late-custom-styles',
        get_stylesheet_directory_uri() . '/late-custom.css', // 替换为你的额外样式表路径
        array( 'wp-styles' ), // 依赖核心样式集合，确保在默认样式后加载
        wp_get_theme()->get('Version'),
        'all'
    );
}
// 用99的优先级，晚于默认的10，确保插件样式加载完成后再加载
add_action( 'wp_enqueue_scripts', 'enqueue_late_custom_styles', 99 );

如果知道目标插件的样式handle（比如Ultimate Member的um-frontend、Open User Map的open-user-map-styles），可以将依赖参数替换为插件的handle，这样WordPress会强制你的样式在该插件样式之后加载：

array( 'um-frontend', 'open-user-map-styles' )

方法二：在页脚直接加载样式表（极端场景） #

如果方法一无效，可直接在wp_footer钩子中输出样式链接，确保它在页面最底部加载，完全晚于插件的底部样式：

function add_late_styles_in_footer() {
    echo '<link rel="stylesheet" href="' . esc_url( get_stylesheet_directory_uri() . '/late-custom.css' ) . '" type="text/css" media="all">';
}
// 用999的极高优先级，确保最后加载
add_action( 'wp_footer', 'add_late_styles_in_footer', 999 );

额外提示 #

针对插件样式的!important属性，你需要在自定义样式中使用更精准的CSS选择器（比如添加父元素类名、ID）配合!important来覆盖，尽量避免全局使用!important，减少样式冲突风险。

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