我在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规则, 以及哪些类可用于样式设置。 (在托管系统上工作时必须这样做。)
【如何更改高亮显示CSS的语法()】顺便说一句:我在你给的第二个链接中找到了解决方案
推荐阅读
- 如何调试IE9的WordPress主题()
- 如何将JSON数据添加到wordpress页面()
- 如何在每个WordPress帖子图片周围添加Div( [关闭])
- Go 每日一库之 gorilla/handlers
- 北亚数据恢复raid损坏导致硬盘灯报警离线存储无法使用的数据恢复案例
- Arch Linux 安装 Anbox
- 类加载的时机
- 关于String对象到底占多少字节()
- HotSpot 虚拟机对象探秘