Question

我在WordPress.com上托管了一个博客，我购买了“自定义CSS”更新来修改CSS。现在我想更改Wordpress.com提供的Syntax Highlighting的一些CSS选项。例如，我想要那个

   [code lang="C"] int main() { } [/code]

将显示黑色背景而不是标准白色背景。我在Wordpress.com Appareance > Modify CSS中添加了以下代码：

 .syntaxhighlighter
 {
    background-color: black !important;
 }

正如here所述，但它不起作用。有什么想法吗？

Answer 1

解决方案不仅要改变整个syntaxhighlighter的背景，还要改变每一行的背景，类似于：

.syntaxhighlighter
{
    background-color: black !important;
}
.syntaxhighlighter .line .number
{
    color: white !important;
    background-color: black !important;
}
/* First line */
.syntaxhighlighter .line.alt1
{
    background-color: black !important;
}

/* Second line */
.syntaxhighlighter .line.alt2
{
    background-color: black !important;
}

当你使用黑色作为背景色时，我建议你确保颜色与之相比具有足够的对比度。

此外，使用firebug plugin for firefox，您可以确切地看到哪些CSS规则应用于何处，以及哪些类可用于样式。（在托管系统上工作时必须这样做。）

顺便说一句：我在你给的second link找到了解决方案

如何更改突出显示CSS的语法？

1 个答案: