Question

我正在开发一个wp主题，并且我已经为自定义样式css或插件social count plus添加了maded 。这个类很好但是有一个问题，插件加载了一个自己的css会破坏我的风格，特别是有文件＆＃34; counter.css＆＃34; （我无法阻止加载＆＃39;因为还有其他样式，用户可以选择），此文件包含类似这样的类：

.social-count-plus a {
-moz-transition: all .4s ease;
-o-transition: all .4s ease;
-webkit-transition: all .4s ease;
transition: all .4s ease;
display: block;
margin: 0 auto;
opacity: 1;
padding: 0 !important;
}

我需要在不编辑插件的情况下完全删除此类，是否可以这样做？

Answer 1

您可以尝试使用此插件更改加载CSS样式表的顺序。 https://wordpress.org/plugins/re-order-css-and-js-loading-order/

或者您可以设置样式表的优先级，以确保它在另一个样式表之后加载。 https://wordpress.stackexchange.com/questions/218610/give-priority-to-child-theme-stylesheet

add_action('wp_enqueue_scripts', 'fruitful_load_child_stylesheets', 20 );

然后在确保在其他样式表之后加载自定义样式表后，您可以在样式标记上使用重要内容来覆盖以前的样式。

.social {
    color: red!important;
}

您还可以使用inherit将样式设置为默认值。

.social {
    display: inherit;
}

Answer 2

在主题的functions.php文件中添加此代码：

function wp1232_remove_class() {
    ?>
        <script>
            jQuery(document).ready(function(){
                jQuery(".widget .social-count-plus").removeClass("social-count-plus");
            });
        </script>
    <?php
}
add_action('wp_head', 'wp1232_remove_class');

如何禁用widget css类？

2 个答案: