HTML 列表中的任意值

Question

我正在尝试使用以下格式制作 HTML 列表：

1. Note 1
2. Note 2  
    2a. Subnote

这让我想到了一个更广泛的问题。是否可以将 HTML 列表中句点之前的值设置为任意字符串？

我尝试将列表包装在

<ul>

中，然后设置

<li value="string">

，但这没有效果。

Answer 1

对于这种事情你必须使用css计数器

ul {
  list-style    : none;
  counter-reset : count_1 0;
  }
ul > li:before {
  counter-increment : count_1 1;
  content           : counter(count_1) '. ';
  }
ul ul {
  counter-reset     : count_2 0;
  }
ul ul > li:before {
  counter-increment : count_2 1;
  content           : counter(count_1) counter(count_2, lower-alpha) '. ';
  }

<ul>
  <li>Note 1</li>
  <li>Note 2
    <ul>
      <li>Subnote x</li> 
      <li>Subnote y</li> 
      <li>Subnote z</li> 
    </ul>    
  </li>
  <li>Note 3</li>
  <li>Note 4
    <ul>
      <li>Subnote</li> 
    </ul>    
  </li>
</ul>

PS：如果你放了最少的 html 和 css 代码，我会回答得更快......（在 David Thomas 发表评论之前）
如果您觉得正确，请不要忘记验证这个答案，否则请留下解释性评论..