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

Question

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

   [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 找到了解决方案你给了