最近在做網頁時突然需要遞減排序編號的功能,在html5的架構下<ol>可以直接加reversed屬性,但如果是用<ul>標籤的話,以下也提供一個解決方案。
css方法
ul { list-style-type: none; counter-reset: item 142; /*counter-reset: item(自定變數) 142(項目總數);*/ } ul > li { counter-increment: item -1; } ul > li:before { content: counter(item); }
html5方法
<ol reversed> <li>項目1</li> <li>項目2</li> <li>項目3</li> </ol>