Question

我正在尝试使用以下代码自动对表格中的行进行编号：

/* Set the Serial counter to 0 */
{ counter-reset: Serial;  }

/* Set the serial number counter to 0 */

.css-serial {
  counter-reset: serial-number; }

/* Increment the serial number counter */
.css-serial td:first-child:before {
  counter-increment: serial-number;
  /* Display the counter */  
  content: counter(serial-number); }

<a href="http://www.phoenixcomm.net/~harrison/tmp/questions/Code1.207-05-16.html">My table code</a><br>
<img src="https://i.stack.imgur.com/NNL2n.png"></a><br>

这就像一个冠军，但是当它到达我的一个分隔符时，我有一个小问题。如第7项，第10项所示。如何阻止它对分隔符编号？

<tr><_td colspan=2><HR 30%></td></tr>

Answer 1

只是猜测，因为上面的信息是不完整的，我认为下划线是一个错字，但

.css-serial td:not([colspan="2"]):first-child::before {
  counter-increment: serial-number;
  content: counter(serial-number); 
}

自动递增表格中的计数器

1 个答案: