jQuery CSS范围

Question

我在这种情况下，我有两个WordPress插件，其中包括jquery-ui.css和获取加载的最后一个插件覆盖第一个插件的CSS。我想要加载这两个主题。我知道jQuery主题构建器支持CSS范围，但这些插件都不利用此功能，并且编辑该插件不是合理的选项（因为下次更新插件时会更改这些更改）。有什么方法可以通过在我的主题中添加一些JavaScript来以编程方式实现范围设定？

Answer 1

首先，您必须能够通过标记其容器（或使用其他包装）来限定至少一个插件的输出，其中一些是class。为使class生效，您需要下载new package build填充CSS Scope与您的class选择器将是.class。 Theme Folder Name是您的新范围的CSS将进入。详情请查询this page。

。

WordPress的

要保持整洁，清晰的WordPress下，注册新的CSS。在你的主题内functions.php：

wp_register_style('myScopedjQueryUICss', get_stylesheet_directory_uri() . '/scopedjQueryUICssDirectory/ui.all.css'); 

最后，将这种样式排入需要它们的位置。常见的做法是将以下行挂钩到wp_print_styles操作。

function hookScopedCss() { 
    if (wp_style_is('myScopedjQueryUICss') || 
     wp_style_is('myScopedjQueryUICss', 'done')) 
    { return; } 
    wp_enqueue_style('myScopedjQueryUICss'); 
} 
add_action('wp_print_styles', 'hookScopedCss');