css - 如何从 css 输出行号？

Question

我正在尝试编写一个 css 样式表以在我的 wordpress 博客中使用，它将输出彩色背景、突出显示的 bash 代码和行号。这是我到目前为止所得到的-

 code {
     background-color: #FFC0CB;
     list-style-type: decimal;
     border-radius: 5px;
 }

但是我在获取突出显示的代码和行号时遇到了问题。

有人可以帮忙吗？

谢谢莎伦。

score 0 · Accepted Answer

像这样

CSS

 code ul{
list-style-type: decimal;
margin:0;

}
code ul li {
background-color: #FFC0CB;
border-radius: 5px;
margin:3px 0;
padding:0;
}

score 0 · Accepted Answer

我假设这是您要实现的目标：

编辑

http://jsfiddle.net/BdY2g/2/ - 新小提琴。在这个新的小提琴中，我使用 javascript 将每一行包装在一个“li”标签中。在这种情况下，这个小提琴要求您在代码上放置 ID 标签：“bashCode”和一个运行该函数以进行相应更新的 onload 函数。

首先，如果您使用的是类，则需要使用“。” 你的 CSS 中的前缀，所以你的

code {

移动到

.code {

此外，如果您使用有序列表 (ol) 而不是无序列表 (ul)，则会自动应用编号。

我希望这有帮助。

2 回答 2