修改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