如何使用类名打印多级有序列表?

时间:2015-02-21 07:04:31

标签: css html-lists

我想打印三个级别的有序列表:第一级有上罗马,第二级有低罗马,第三级有小数。

我被封锁了,因为我不知道如何使用一个类名来实现这一目标。例如,我试过:

ol.terms {
  list-style-type: upper-roman;
}
ol.terms ol li {
  list-style-type: lower-roman;
}
ol.terms ol li ol li {
  list-style-type: ;
}
<ol class='terms'>
<li>
  <ol>
    <li>
      <ol>
         <li></li>
      </ol>
    </li>
  </ol>
</li>
</ol>

有人可以帮忙吗?提前谢谢。

1 个答案:

答案 0 :(得分:0)

对列表样式使用decimal属性

&#13;
&#13;
ol.terms {
  list-style-type: upper-roman;
}
ol.terms ol li {
  list-style-type: lower-roman;
}
ol.terms ol li ol li {
  list-style-type:decimal;
}
&#13;
<ol class='terms'>
<li>
  <ol>
    <li>
      <ol>
         <li></li>
      </ol>
    </li>
  </ol>
</li>
</ol>
&#13;
&#13;
&#13;