修改Wordpress插件的CSS？

Question

我正在使用WordPress，一个论坛插件和一个Syntax Highlighter插件。

目前，语法荧光笔样式在“原生”WordPress帖子/页面中呈现正常。 但是它们无法在论坛插件页面上正确呈现。 这是因为Forum CSS覆盖了一些Syntax Highlighter 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;
}

我知道如果我在语法Highlighter插件的CSS声明的开头添加'#forum'，它将呈现正常：

#forum .syntaxhighlighter span {
  color:red;
}

但出于显而易见的原因，我不想开始覆盖插件文件。

解决这个问题最可行的选择是什么？

Answer 1

您不需要对插件css文件进行修改，只需在自己的自定义css文件中进行修改即可。 正如您已经发现的那样，问题在于选择器进程。 您可以从第一行删除#forum ，它可以正常工作： https ： #forum