Javascript 如何在Google Prentify中向所有行添加行号？

我正在使用美化：

<pre class="prettyprint linenums">
  some code
</pre>

一些代码

它可以工作，但行号每5行显示一次，而不是每行显示一次。我正在使用这些文件

<link href="../src/prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="../src/prettify.js"></script>

---

基本上，在这一页的末尾，你可以看到我想要的，但是我看了代码，我想不出来

根本原因是prettify.css中的

列表样式类型：无

：

/*在pre上指定class=linenums以获取行号*/
ol.linenums{页边距顶部：0；页边距底部：0}/*即通过页边距左侧缩进*/
li.L0，
li.L1，
li.L2，
li.L3，
li.L5，
li.L6，
li.L7，
li.L8{list style type:none/*我喜欢交替的背景色，所以这样做：

/* White background color for all even-numbered lines */
li.L0,
li.L2,
li.L4,
li.L6,
li.L8  { background-color: #fff; }
/* Light-gray background color for all odd-numbered lines */
li.L1,
li.L3,
li.L5,
li.L7,
li.L9 { background-color: #eee; }

解决方案
您不需要修改CSS，只需添加一行CSS即可实现所需的行为：

<style>

    .prettyprint ol.linenums > li { list-style-type: decimal; }

</style>  


.prettyprint ol.linenums>li{列表样式类型：decimal；}

例子
一个完整的例子可能有下面的代码。或者参见下面

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.min.css" />

    <style>
        .prettyprint ol.linenums > li { list-style-type: decimal; }
    </style>

<pre class="prettyprint linenums">
 foo
 bar
 bis
 sed
 awk
 cat
</pre>


<script src="//cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/prettify/r298/run_prettify.js"></script>


.prettyprint ol.linenums>li{列表样式类型：decimal；}
福
酒吧
比斯
塞德
awk
猫


哈哈，我昨晚花了几个小时，我应该想到这一点，虽然我似乎已经从样式表中删除了它，但我没有从我的全局样式中删除它。-谢谢，这到底是默认的吗？不确定它是什么时候开始的，但我下载的prettify副本在CDN上有一个指向css文件的硬编码路径。所以即使虽然我修改了本地副本，但它忽略了它。是的，如果使用此解决方案，请确保将run_prettify.js函数改为使用“/prettify.css”，而不是”这应该是可接受的答案。更改css有点混乱。我同意。首选非侵入性答案。投票结果为“向上”，因为此解决方案对我有效，而可接受的答案不起作用。可能需要给ol留下空白，以使行号可见