如何從css輸出行號？

我想寫一個css樣式表在我的wordpress博客中使用，它會輸出一個彩色背景，突出顯示bash代碼和行號。這是我到目前爲止 -如何從css輸出行號？

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

但我有問題得到突出顯示的代碼和行號。

任何人都可以幫忙嗎？

謝謝沙龍。

來源

2013-08-16 boudiccas

你的html是怎麼樣的？列表式是一種列舉li-Tag封閉段落的數字。 – tue

作爲其直bash腳本，根本沒有html。請參閱[鏈接]（http://www.sharons.org.uk/2013/07/09/backup-v5-6/）=備份v5.6和該帖子，其中顯示了我想要的腳本之一繼續工作。 – boudiccas

像這樣

DEMO

CSS

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

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

來源

2013-08-16 08:21:48 falguni

我假設這是你想達到什麼目的：

http://jsfiddle.net/BdY2g/

編輯

http://jsfiddle.net/BdY2g/2/ - 新的小提琴。在這個新的小提琴中，我使用javascript來包裝每一行'li'標籤。在這種情況下，這個小提琴需要您在您的代碼中放置ID標籤：「bashCode」和一個運行函數以進行相應更新的onload函數。

首先，如果您正在使用類，您需要使用'。'前綴在你的CSS所以你

code {

移動到

.code {

還，如果您使用的，而不是無序列表有序列表（OL）（UL），編號是自動應用。

我希望這會有所幫助。

來源

2013-08-16 08:27:04 sCaRy1337

謝謝，是的，這就是我想要的樣子，但是根本不會有任何html編碼，它是一個純粹的bash腳本，這也是它的一部分 - '[exec]（About） {（fluxbox -v; fluxbox -info | sed 1d）2>/dev/null | xmessage -file - -center}' \t \t'[exec]（Arachnophilia web builder）{java -jar〜/ programs/Arachnophilia}' – boudiccas

爲什麼強制使用類？ 'code'是[對應的HTML標籤]（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/code）的有效選擇器。 – Pavlo

請參閱上面的腳本的鏈接，我想讓它工作。 – boudiccas

如何從css輸出行號？

回答

相關問題