尝试使用CSS </ol> </ul>订购动态创建的<ul>或<ol>列表

Question

我正在与另一个Web开发人员的应用程序合作，我正在尝试解决一些问题。我有一个无序的大小列表，从框架输出如下：

<ul id="size-options">
  <li value="2X"> ... </li>
  <li value="S"> ... </li>
  <li value="M"> ... </li>
  <li value="L"> ... </li>
  <li value="XL> ... </li>

在我采取大锤方法并尝试使用Javascript解决订购之前，我想与社区核实可能的或类似的解决方案。我从Google获得了不同的结果。我意识到这个问题也可以在调用数据的查询中修复，但我试图将其保存为最后的手段。谢谢。

Answer 1

您的HTML已损坏：value的{​​{1}}属性 已弃用 （虽然在HTML5中受支持），但它是数字：

W3C Lists in HTML documents

  

属性定义

     

li = 数字 [CN]       的 已过时 即可。仅适用于value。此属性设置当前列表项的编号。请注意，虽然此属性的值为   整数，相应的标签可能是非数字的（参见开头   属性）。

唯一的例外是

  

因此，当列表项样式为大写拉丁字母（A，B，C，   ...），start = 3表示“C”。当样式是小写罗马数字时，   start = 3表示“iii”等。