我正在尋找一種方法來爲標準的html排序列表應用所謂的「字母數字順序」。 (字母數字:http://de.wikipedia.org/wiki/Gliederung#Alphanumerische_Gliederung)有序列表的字母數字列表?
我想實現這一點,而不需要手動添加任何標籤到html內容。在我看來,在CSS中無法實現這一點?這可能是用jQuery完成的嗎? 我很新的編程,任何幫助,非常感謝。
我正在尋找一種方法來爲標準的html排序列表應用所謂的「字母數字順序」。 (字母數字:http://de.wikipedia.org/wiki/Gliederung#Alphanumerische_Gliederung)有序列表的字母數字列表?
我想實現這一點,而不需要手動添加任何標籤到html內容。在我看來,在CSS中無法實現這一點?這可能是用jQuery完成的嗎? 我很新的編程,任何幫助,非常感謝。
我認爲這將是一個非常接近你的例子的CSS解決方案。 http://jsfiddle.net/UChFP/5/
/*1*/
div ul{
list-style-type:upper-alpha;
}
/*2*/
div ul ul{
list-style-type:upper-roman;
}
/*3*/
div ul ul ul{
list-style-type:decimal;
}
/*4*/
div ul ul ul ul{
list-style:none;
}
div ul ul ul ul>li:before{
content: counter(section, lower-alpha) ") ";}
div ul ul ul ul>li {
counter-increment: section;
}
/*5*/
div ul ul ul ul ul{
list-style:none;
}
div ul ul ul ul ul>li:before{
content: counter(sectionU, lower-alpha) counter(sectionU, lower-alpha) ") ";}
div ul ul ul ul ul>li {
counter-increment: sectionU;
}
/*6*/
div ul ul ul ul ul ul{
list-style:none;
}
div ul ul ul ul ul ul>li:before{
content: "(" counter(sectionUU, decimal) ") ";}
div ul ul ul ul ul ul>li {
counter-increment: sectionUU;
}
/*7*/
div ul ul ul ul ul ul ul{
list-style:none;
}
div ul ul ul ul ul ul ul>li:before{
content: counter(sectionUUU, lower-greek) ") ";}
div ul ul ul ul ul ul ul>li {
counter-increment: sectionUUU;
}
這是一個相當不錯的唯一的CSS-解決方案,支持所有各級的例子。
它可以用jQuery來完成,但是你必須編寫代碼。 – 2012-04-02 18:41:59
在您的其他問題(http://stackoverflow.com/questions/9980379/custom-list-styles-for-ordered-lists)答案不夠嗎? – j08691 2012-04-02 18:48:56