我想创建一个如下所示的有序列表:
1. Item_1
2. Item_2:
a. Subitem_1
b. Subitem_2:
I. Sub-Subitem_1
II. Sub-Subitem_2
c. Subtiem_3
3. Item 3
即子列表应使用字母/罗马数字或其他此类符号进行编号。
我尝试过嵌套<ol>
标签,但明确地对子列表进行了编号。
有没有一种方法可以使用仅 HTML?
鉴于以下 HTML,这当然是可能的:
<ol>
<li>Item_1</li>
<li>Item_2:
<ol>
<li>Subitem_1</li>
<li>Subitem_2:
<ol>
<li>Sub-Subitem_1</li>
<li>Sub-Subitem_2</li>
</ol></li>
<li>Subitem_3</li>
</ol></li>
<li>Item 3</li>
</ol>
还有CSS:
ol {
list-style-type: decimal;
}
ol > li > ol {
list-style-type: lower-alpha;
}
ol > li > ol > li > ol {
list-style-type: upper-roman;
}
JS 小提琴演示.
或者,您可以对 CSS 选择器的特殊性不太严格:
ol {
list-style-type: decimal;
}
ol ol {
list-style-type: lower-alpha;
}
ol ol ol {
list-style-type: upper-roman;
}
JS 小提琴演示.
参考:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)