wordpress 插件和主题 css colide

Question

我有一个小问题！ 我使用的是 Wordpress 主题，而来自房地产系统开发人员的插件可以从系统中获取数据..

如果我使用房地产系统推荐的主题，一切顺利。但我想使用另一个主题。

这样做的结果是从插件中获取的数据看起来不像预期的那样。主题 CSS 接手.. 并在 .li 和 .ul 等某些元素上使用主题 css...

有没有办法解决这个问题？我不想使用 iframe。例如，我可以创建一个 div，然后将插件 style.css 应用于该 div 并仅应用于该 div。并且只是在那个 div 中覆盖了主题中的 css？

如果你想查看源代码和 css 等，这里是链接： http://hogmans.nu.temp-url.se点击“直到salu”..

如果您想查看插件正确显示的位置 http://hogmans.mspecsweb.se/till-salu

你有问题吗？

Answer 1

你有几个选择：

• 如果您将所需的样式表保存到主题的核心文件中，并在所有其他样式表之后将其导入主题的标题中，则这些样式将优先于主题的样式（尽管这可能不适用于所有样式，因为它取决于主题样式表的编码方式 - 例如是否有任何 !important 声明）。
• 您也可以从一个样式表中复制所有样式并将其粘贴到另一个样式表的底部，但您会遇到与第一个选项相同的问题 - 它很可能会起作用，但可能无法按预期呈现.将<style> 标签添加到标题中也是如此。
• 您拥有的最可靠的选择是从您喜欢的样式中找出您需要的样式，并创建您自己的样式表，该样式表将按照您需要的方式呈现某些元素，以便您可以根据需要控制和调整 css 特异性。如果需要，您可以围绕需要设置样式的内容添加一个 div，给它一个 id，然后在样式表中的元素之前使用该 id。通常对 css 使用 id 是不明智的，但由于您试图覆盖样式，因此这可能是一种快速简便的方法。

**如果您使用的主题不是您自己构建的，您的主题可能会更新。您对主题文件所做的任何更改都将被覆盖。您需要创建一个子主题来添加或编辑任何主题的文件。

Answer 2

看起来它使用了两个不同的 css 框架..

尝试将这行代码添加到您的标题中

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

它肯定会修复中间部分...但不确定它会对您的整个网站产生什么影响..

除了使用由 twitter boostrap 的最新版本或创建您自己的自定义移动 css 以将这些单行再次变成块。