Question

我正在使用WordPress，论坛插件和语法突出显示插件。

目前，语法突出显示样式在“本机” WordPress帖子/页面中呈现良好。但是，它们在论坛插件页面上无法正确呈现。这是因为论坛CSS覆盖了某些语法突出显示CSS。

考虑以下“简化”示例：https://jsfiddle.net/2vkzx1js/

<div id="forum">
  <div class="post">
      <div class="syntaxhighlighter">
          <span>This should be red</span>
      </div>
  </div>
  <div class="post">
      <div>
          <span>This should be blue</span>
      </div>      
  </div>
  <div class="post">
      <div>
          <span>This should be blue</span>
      </div>
  </div>
</div>

和

#forum .post span
{
    color:blue;
}

.syntaxhighlighter span {
  color:red;
}

我知道，如果我在Syntax Highlighter插件的CSS声明的开头添加“ #forum”，它将显示为正常：

#forum .syntaxhighlighter span {
  color:red;
}

但是出于明显的原因，我不想开始覆盖插件文件。

最可行的解决方案是什么？

Answer 1

您无需修改插件css文件，只需在自己的自定义css文件中进行这些修改即可。正如您已经发现的，问题是选择器过程。您只需从第一行中删除#forum，它就可以正常工作：https://jsfiddle.net/vuc6ybt4/

修改Wordpress插件的CSS？

1 个答案: