html - 如何获取表格行中显示的列表的数字样式？

Question

我想用显示表格行和表格单元格执行排序列表，但它正在从列表中删除数字。

li{
    display: table-row;
}
li span{
    display: table-cell;
    padding: 5px;
}

demo

那么，我怎样才能得到数字 1,2,...？

Answer 1

您可以结合使用 CSS 计数器和 :before 来对显示为 table-row 的 li 进行编号:

ol {
 counter-reset:index;
}
li {
  display: table-row;
  counter-increment: index;
}
li:before {
  content:counter(index)'. ';
}

Demo.