Google Code Prettify - 没有行号的条纹/钢琴键？答案

【问题标题】：Google Code Prettify - stripes/piano keys without line numbers?Google Code Prettify - 没有行号的条纹/钢琴键？
【发布时间】：2013-04-03 22:00:15
【问题描述】：

我正在使用 Prettify（来自 Google 代码 - https://code.google.com/p/google-code-prettify/）。当添加 linenums 属性时，它会在每一行上使用交替的背景颜色来呈现程序（即，它使用“条纹”或“钢琴键”）。当删除该属性时，Prettify 不再条纹。

是否可以让 Prettify 在不添加行号的情况下对源代码进行条带化？

【问题讨论】：

标签： syntax-highlighting google-code-prettify

【解决方案1】：

如果您查看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 选择器填补了空白.

【讨论】：

谢谢，迈克。我实际上是在寻找在任何行上都没有行号的主题。
@MikeTheTall，抱歉落后了。请查看我的编辑。

【解决方案2】：

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

每当请求行号时，代码（不是行号）的“钢琴键”条带会发生在具有交替背景颜色的每隔一行文本中。我想在显示行号时将其关闭，但最初的提问者想知道如何打开它（如 Excel 电子表格）但不显示行号。然而，这两个问题都似乎与行号或li 样式直接有任何关系，因此会造成混淆。

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

最终找到了我的问题和原始问题的答案。添加了一种样式来覆盖当前的美化代码，如下所示。您仍必须在 prettify 类中指定 linenums，但将显示 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>

用 nums 突出显示每 5 行：

 <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>

重要提示：大括号前没有逗号。如果你插入这样逗号样式将失败！

【讨论】：