可以排序列表產生類似于1.1、1.2、1.3的結果(而不僅僅是1、2、3、…)用CSS？一個有序的列表能產生類似1.1，1.2，1.3的結果(而不僅僅是1，2，3，.)用CSS？到目前為止，使用list-style-type:decimal只生產1，2，3，而不是1.1，1.2，1.3。
3 回答
Smart貓小萌
TA貢獻1911條經驗 獲得超7個贊
下面的樣式表編號將列表項嵌套為“1”、“1.1”、“1.1.1”等。 OL { counter-reset: item }LI { display: block }LI:before { content: counters(item, ".") " "; counter-increment: item }
ol { counter-reset: item }
li{ display: block }
li:before { content: counters(item, ".") " "; counter-increment: item }
<ol>
<li>li element
<ol>
<li>sub li element</li>
<li>sub li element</li>
<li>sub li element</li>
</ol>
</li>
<li>li element</li>
<li>li element
<ol>
<li>sub li element</li>
<li>sub li element</li>
<li>sub li element</li>
</ol>
</li>
</ol>
largeQ
TA貢獻2039條經驗 獲得超8個贊
CSS：
ol {
list-style-type: none;
counter-reset: item;
margin: 0;
padding: 0;}ol > li {
display: table;
counter-increment: item;
margin-bottom: 0.6em;}ol > li:before {
content: counters(item, ".") ". ";
display: table-cell;
padding-right: 0.6em; }li ol > li {
margin: 0;}li ol > li:before {
content: counters(item, ".") " ";}- 3 回答
- 0 關注
- 335 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消