如何从css输出行号？

Question

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

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

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

有人可以帮忙吗？

由于 沙龙。

Answer 1

喜欢这个

<强> DEMO

CSS

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

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

Answer 2

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

http://jsfiddle.net/BdY2g/

修改的

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

首先，如果您使用的是课程，则需要使用'。'你的css中的前缀是你的

code {

转到

.code {

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

我希望这会有所帮助。