Google Code Prettify - 没有行号的条纹/钢琴键?

时间:2013-04-03 22:00:15

标签: syntax-highlighting google-code-prettify

我正在使用Prettify(来自Google代码 - https://code.google.com/p/google-code-prettify/)。当添加亚麻布属性时,它使用每行上的交替背景颜色呈现程序(即,它使用“条纹”或“钢琴键”)。当一个人删除该属性时,Prettify不再对这些行进行条纹化。

是否可以让Prettify条带化源代码而不添加行号?

2 个答案:

答案 0 :(得分:2)

如果查看themes gallery,您会发现这受到样式表的影响,并且每行都有一些行号。


这样的东西
<style>li.L4, li.L9 { list-style-type: none }</style>

应该这样做。

the default stylesheet的执行部分是

li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 { list-style-type: none }

关闭所有索引为 i 的项目的列表项目符号,其中(i%10)∉(4,9),因此li.L4, li.L9选择器填充差距。

答案 1 :(得分:0)

答案是肯定的。 Mike Samuel's answer似乎误解或忽略了这个问题。

每当请求行号时,每隔一行具有交替背景颜色的文本就会出现“钢琴键”条形码(非行号)。我想在显示行号时将其关闭,但原始提问者想知道如何打开它(比如Excel电子表格)但没有显示行号。但是,这两个问题都不会似乎直接与行号或li样式有关,因此会产生混淆。

要解决此问题,可以添加background-color属性;这会覆盖编号的美化命令的条带颜色,并允许自定义条纹。

最终找到了我的问题和原件的答案。添加了一种样式以覆盖当前的美化代码,如下所示。您仍必须在linenums课程中指定prettify,但会显示none

突出显示每隔5行没有名字:

<style>
 li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8
   { background:#000022  !important; list-style-type:none !important}
 li.L4,li.L9
   { background:#080833  !important; list-style-type:none !important}
</style>

每隔5行突出显示nums:

 <style>
  li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8
    { background:#000022  !important; list-style-type:decimal !important}
  li.L4,li.L9
    { background:#080833  !important; list-style-type:decimal !important}
 </style>

重要:大括号前没有逗号。如果插入这样的话 一个逗号,风格会失败!