html动态显示字母,html – 如何让`ol`元素显示在外国字母表中？

这是css解决方案：

body {

font-family: Arial, sans-serif;

}

.welsch {

list-style: none;

}

.welsch li:before {

display: inline-block;

position: absolute;

left: 20px;

width: 20px;

text-align: right;

}

.welsch li:nth-child(29n+1):before {

content:"a.";

}

.welsch li:nth-child(29n+2):before {

content:"b.";

}

.welsch li:nth-child(29n+3):before {

content:"c.";

}

.welsch li:nth-child(29n+4):before {

content:"ch.";

}

.welsch li:nth-child(29n+5):before {

content:"d.";

}

.welsch li:nth-child(29n+6):before {

content:"dd.";

}

.welsch li:nth-child(29n+7):before {

content:"e.";

}

.welsch li:nth-child(29n+8):before {

content:"f.";

}

.welsch li:nth-child(29n+9):before {

content:"ff.";

}

.welsch li:nth-child(29n+10):before {

content:"g.";

}

.welsch li:nth-child(29n+11):before {

content:"ng.";

}

.welsch li:nth-child(29n+12):before {

content:"h.";

}

.welsch li:nth-child(29n+13):before {

content:"i.";

}

.welsch li:nth-child(29n+14):before {

content:"j.";

}

.welsch li:nth-child(29n+15):before {

content:"l.";

}

.welsch li:nth-child(29n+16):before {

content:"ll.";

}

.welsch li:nth-child(29n+17):before {

content:"m.";

}

.welsch li:nth-child(29n+18):before {

content:"n.";

}

.welsch li:nth-child(29n+19):before {

content:"o.";

}

.welsch li:nth-child(29n+20):before {

content:"p.";

}

.welsch li:nth-child(29n+21):before {

content:"ph.";

}

.welsch li:nth-child(29n+22):before {

content:"r.";

}

.welsch li:nth-child(29n+23):before {

content:"rh.";

}

.welsch li:nth-child(29n+24):before {

content:"s.";

}

.welsch li:nth-child(29n+25):before {

content:"t.";

}

.welsch li:nth-child(29n+26):before {

content:"th.";

}

.welsch li:nth-child(29n+27):before {

content:"u.";

}

.welsch li:nth-child(29n+28):before {

content:"w.";

}

.welsch li:nth-child(29n+29):before {

content:"y.";

}

1. HTML
2. ASP
3. CSS
4. JavaScript
5. HTML
6. ASP
7. JavaScript
8. CSS
9. HTML
10. ASP
11. CSS
12. JavaScript
13. HTML
14. ASP
15. CSS
16. JavaScript
17. HTML
18. ASP
19. JavaScript
20. CSS
21. HTML
22. ASP
23. JavaScript
24. CSS
25. HTML
26. ASP
27. JavaScript
28. CSS
29. HTML
30. ASP
31. JavaScript
32. CSS
33. HTML
34. ASP
35. JavaScript
36. CSS