个性化阅读
专注于IT技术分析

如何更改高亮显示CSS的语法?

我在WordPress.com上托管了一个博客, 我购买了”自定义CSS”更新来修改CSS。现在, 我想更改Wordpress.com提供的”语法突出显示”的一些CSS选项。例如, 我想要那个

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

将显示为黑色背景, 而不是标准的白色背景。我在Wordpress.com的Appareance>修改CSS中添加了以下代码:

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

如此处所述, 但这不起作用。任何的想法?


#1


解决方案是不仅更改整个语法高亮显示的背景, 而且更改每一行的背景, 类似于此:

.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的firebug插件, 你可以准确地看到在哪里应用了CSS规则, 以及哪些类可用于样式设置。 (在托管系统上工作时必须这样做。)

顺便说一句:我在你给的第二个链接中找到了解决方案

赞(0) 打赏
未经允许不得转载:srcmini » 如何更改高亮显示CSS的语法?
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏