我目前有这个列表
<ul>
<li>question1</li>
<li>answer1</li>
<li>question2</li>
<li>answer2</li>
</ul>
CSS:
ul {
list-style:decimal;
}
有没有办法让每 2 个符号成为另一个符号?尝试了第 nth-child,但由于列表样式位于 ul 标签上,因此它不起作用。
列表示例,弥补我的错误解释:
1. question1
a. answer1
2. question2
a. answer2
3. question3
and so on
最佳答案
您可以稍微更改您的 HTML 标记以使内容更加语义化。这样的事情应该有效:
HTML
<ul>
<li>question1
<ul>
<li>answer1</li>
</ul>
</li>
<li>question2
<ul>
<li>answer2</li>
</ul>
</li>
...
</ul>
CSS
ul {
list-style-type: decimal;
}
ul ul {
list-style-type: lower-alpha;
}
fiddle :http://jsfiddle.net/8Lbu7/
关于html - 样式化 ul 标签。编号列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23374140/