插件风格的冲突，如何覆盖？

Question

我的客户正在使用这两个插件：-所有的按钮-创世纪设计调色板

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

由创世纪设计调色板插入的样式表正在覆盖所有的按钮和主题样式。这是尽管所有在一个按钮，style.css和主题的style.css，都特别指的元素，在问题-橙色。创世纪设计调色板的风格覆盖了一个更一般的风格应用于条目内容。

在这种情况下，我怎样才能让正确的样式优先？

谢谢

Answer 1

关于全合一按钮/css/display.css?ver=4.1.1中的aio橙色按钮的定义，在#FFF之后添加！重要。

该颜色是覆盖的，因为您先加载AIO样式，然后加载其他覆盖按钮样式或其他样式的样式。With！重要的是，您可以告诉浏览器使用它，即使它不是最新的定义。

所以就像

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;
}

或者类似的东西。

Answer 2

理想情况下，其中一个插件可以选择在最后或第一个加载他们的CSS文件。你会希望AIO按钮最后加载。

否则，您可以像jimihenrik所建议的那样，用您想要的颜色编辑CSS类，尽管长期解决方案不推荐这样做。

或者，您可以重写创世纪设计调色板的风格中冒犯的CSS样式，方法是更加“特定”，然后使用您的CSS规则。

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

body.gppro-custom .content > .entry .entry-content a { color: maroon; }

您的代码可以通过使用CSS规则更具体地覆盖它：

body .content > .entry .entry-content .aio-button-center a { color: white; }

这将将..entry content中的所有..aio按钮中心链接更改为白色。你可以把这个放在你的任何CSS文件中..。就像您为主题定制的CSS一样。

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