Как да отпечатате многостепенен подреден списък с име на клас?

Бих искал да отпечатам три нива на подреден списък: първо ниво с горен римски, второ ниво с долен римски и трето ниво с десетичен.

Блокиран съм, защото не знам как да използвам едно име на клас, за да постигна това. Например опитах:

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

използвайте свойство decimal за стил на списък

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