首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >自动递增表中的计数器

自动递增表中的计数器
EN

Stack Overflow用户
提问于 2017-05-17 08:11:39
回答 1查看 439关注 0票数 1

我正在尝试自动对表格中的行进行编号,我可以使用以下命令来执行此操作:

代码语言:javascript
复制
/* 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所示。我如何阻止它对分隔符进行编号?

代码语言:javascript
复制
<tr><_td colspan=2><HR 30%></td></tr> 
EN

回答 1

Stack Overflow用户

发布于 2017-05-17 09:26:05

只是猜测,因为上面的信息是不完整的,我假设下划线是一个拼写错误,但是

代码语言:javascript
复制
.css-serial td:not([colspan="2"]):first-child::before {
  counter-increment: serial-number;
  content: counter(serial-number); 
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44013523

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档