Как распечатать многоуровневый упорядоченный список с именем класса?

Я хотел бы напечатать три уровня упорядоченного списка: первый уровень с верхним римским, второй уровень с нижним римским и третий уровень с десятичным числом.

Я заблокирован, потому что не знаю, как использовать одно имя класса для достижения этой цели. Например, я пробовал:

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>

Может ли кто-нибудь дать мне руку? заранее спасибо.


css html-lists
person H. Wang    schedule 21.02.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

использовать десятичное свойство для стиля списка

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;
}
<ol class='terms'>
<li>
  <ol>
    <li>
      <ol>
         <li></li>
      </ol>
    </li>
  </ol>
</li>
</ol>

person jas    schedule 21.02.2015