有序列表能否产生具有CSS的A,A.1,A.1.2,A.1.3,B的结果?

时间:2018-07-24 16:48:48

标签: html css list styles

是否可以使用字母和数字(如A,A.1,A.1.2,A.1.3.1,B;或在其中组合? 这是我的CSS:

CSS代码:

ol { list-style-type: none; /* upper-alpha there?? */
counter-reset: item; margin: 0; padding: 0;}
ol > li { display: table; counter-increment: item; margin-bottom: 0.6em;}
ol > li:before { content: counters(item, ".") ". "; display: table-cell; padding-right: 0.6em;}
li ol > li { margin: 0;}
li ol > li:before { content: counters(item, ".") " "; }

HTML代码:

<ol>
<li>List item </li>
<li>List item </li>
<li>List item 
    <ol>
        <li>List sub item leven 2</li>
        <li>List sub item leven 2
          <ol>
            <li>List sub item leven 3</li>
            <li>List sub item leven 3
              <ol>
                <li>List sub item leven 4</li>
                <li>List sub item leven 4
                  <ol>
                    <li>List sub item leven 5</li>
                  </ol>
                </li>
                <li>List sub item leven 4</li>
              </ol>
            </li>
          </ol>
        </li>
        <li>List sub item leven 2</li>
    </ol>
</li>
<li>List item</li>
<li>List item</li>                       

  

如何使其以字母开头,然后以数字开头??

谢谢您的帮助

See the example that I need to do as an ordered list!

0 个答案:

没有答案