插件风格冲突,如何覆盖?

时间:2015-03-10 作者:sammond

我的客户正在使用这两个插件:-多功能一体按钮-Genesis设计调色板

如果您查看此示例页面http://bsc.mustor.com/testing-buttons/ 您将看到按钮上的时间文本为栗色和红色(悬停)。它应该是白色的。

Genesis Design Palette插入的样式表将覆盖All-In-One按钮和主题样式。这是尽管所有在一个按钮风格。css和主题的样式。css都特别提到了问题中的元素aio orange。Genesis Design Palette的样式替换为应用于条目内容的更通用的样式。

在这种情况下,我如何给予正确的样式优先权?

谢谢

2 个回复
SO网友:jimihenrik

在all-in-one buttons/css/display中定义aio橙色按钮。css?版本=4.1.1添加!在#FFF之后很重要。

颜色会被覆盖,因为您首先加载AIO样式,然后加载覆盖按钮样式或其他样式的其他样式。具有重要信息:您可以告诉浏览器使用该选项,即使它不是最新的定义。

所以这就像

a.aio-orange, a.aio-orange:link, a.aio-orange:hover, a.aio-orange:visited, a.aio-orange:active, a.aio-orange:focus {
color: #FFF !important;
}
或者类似的东西。

SO网友:Sean Grant

理想情况下,其中一个插件可以选择最后或首先加载其CSS文件。您希望AIO按钮最后加载。

否则,您可以将CSS类的颜色编辑为\'!就像jimihenrik建议的那样,这很重要,但不建议用于长期解决方案。

或者,您可以覆盖Genesis Design Palette样式中令人不快的CSS样式,使其比您的CSS规则更加“具体”。

更具体的例子:他们的代码说:

body.gppro-custom .content > .entry .entry-content a { color: maroon; }
您的代码可以通过更具体的CSS规则来覆盖它:

body .content > .entry .entry-content .aio-button-center a { color: white; }
这将改变一切。中的aio按钮中心链接。输入内容为白色。你可以把它放在你的任何CSS文件中。。。喜欢你为主题定制的CSS。

有关更多信息,请阅读这篇关于CSS特性的有趣文章:https://css-tricks.com/specifics-on-css-specificity/

结束

相关推荐

在子主题函数中加入两个以上的CSS样式。php

我刚刚开始使用WordPress,并了解了儿童主题功能。所以这是我第一次这样做,我遇到了一些问题。当我尝试预览子主题时formatting 整个场地的messed up.我觉得是我的functions.php 因为我只排了一个队style.css 当我有三个的时候。其他两个CSS文件只有几行代码。我可以把它们放在style.css 但我不想修改原始文件,这就是我使用子主题功能的原因。我也在这里学习更多关于这方面的知识,以供将来参考:)这是我的functions.phpadd_action( \'wp_en