WordPress子主题多样式表入队及插件样式处理疑问

首先，先把你贴的代码整理成更易读的格式：

wp_enqueue_style( "villagio-style", get_stylesheet_uri(), array(), villagio_get_theme_version() );

if ( is_plugin_active( "motopress-hotel-booking/motopress-hotel-booking.php" ) ) {
    wp_enqueue_style( 
        "villagio-motopress-hotel-booking", 
        get_template_directory_uri() . "/css/motopress-hotel-booking.css", 
        array('villagio-style'), 
        villagio_get_theme_version(), 
        "all" 
    );
}

接下来逐个解答你的问题：

核心问题：这个插件样式是合并到主样式表，还是单独入队？ #

答案是：它是完全独立的额外入队样式表，没有和父主题主样式表合并。

代码与父主题样式的工作机制拆解 #

我把这段代码分成两部分给你解释：

1. 主主题样式表的入队 #

第一行代码是入队主题的主样式表：

wp_enqueue_style( "villagio-style", get_stylesheet_uri(), array(), villagio_get_theme_version() );

• get_stylesheet_uri() 是关键：如果你正在使用子主题，它指向子主题根目录的style.css；如果没有用子主题，才指向父主题的style.css。
• 这个样式表的标识（handle）是villagio-style，后面的插件样式会依赖这个标识来决定加载顺序。
• 版本号用的是主题的版本（villagio_get_theme_version()），确保主题更新时浏览器会加载新的样式文件，避免缓存问题。

2. 插件专属样式表的入队 #

第二部分是条件判断插件激活后入队样式：

if ( is_plugin_active( "motopress-hotel-booking/motopress-hotel-booking.php" ) ) {
    wp_enqueue_style( 
        "villagio-motopress-hotel-booking", 
        get_template_directory_uri() . "/css/motopress-hotel-booking.css", 
        array('villagio-style'), 
        villagio_get_theme_version(), 
        "all" 
    );
}

• 首先通过is_plugin_active()检查Motopress酒店预订插件是否安装激活，只有激活了才会加载这个样式。
• get_template_directory_uri() 这里要注意：它永远指向父主题的目录，不管你用不用子主题。所以这个样式文件是存在父主题的css/motopress-hotel-booking.css里的。
• 依赖项array('villagio-style')告诉WordPress：必须先加载villagio-style（主样式表），再加载这个插件样式。这意味着插件样式里的相同CSS选择器会覆盖主样式表的样式（因为CSS遵循“后加载的样式优先级更高”的规则，除非选择器特异性更低）。
• 版本号同样用主题版本，媒体类型是all（适配所有设备）。

子主题里需要单独处理吗？ #

分两种情况：

• 如果你不需要修改插件样式：完全不需要额外处理，这段代码会自动帮你加载插件样式，而且加载顺序是对的。
• 如果你需要修改插件样式：有两种规范的做法：
  1. 直接在子主题style.css里写覆盖样式：因为子主题的style.css就是villagio-style，而插件样式在它之后加载，所以你需要写特异性更高的CSS选择器（比如多嵌套一层父元素）来覆盖插件样式，或者用!important（尽量少用，容易引发样式冲突）。
  2. 替换整个插件样式文件：如果修改的内容很多，更推荐在子主题里新建css/motopress-hotel-booking.css，然后在子主题的functions.php里取消注册父主题的插件样式，再重新入队子主题的版本：

     function child_theme_replace_booking_style() {
         // 取消注册父主题的插件样式
         wp_deregister_style( 'villagio-motopress-hotel-booking' );
         // 入队子主题的修改版样式
         wp_enqueue_style( 
             'villagio-motopress-hotel-booking', 
             get_stylesheet_directory_uri() . '/css/motopress-hotel-booking.css', 
             array('villagio-style'), 
             wp_get_theme()->get('Version'), 
             'all' 
         );
     }
     // 用更高优先级（20）确保在父主题之后执行
     add_action( 'wp_enqueue_scripts', 'child_theme_replace_booking_style', 20 );
     

最后说一句，WordPress官方文档确实在这种主题和插件联动的细节上不够直观，所以多看主题的代码逻辑是最快的学习方式。

内容的提问来源于stack exchange，提问作者M.Lang