• 首页
• 域名注册
• 虚拟主机
• 网站建设
• 服务器租用
• 营销推广
• 网站程序
• 前端开发
• 移动互联网
• 企业邮箱

• 当前位置：创新互联 >> 常见问题 >> 前端开发 >> css >> CSS中使用counter()在列表中自动添加序号

CSS中使用counter()在列表中自动添加序号

• 作者：创新互联 文章来源：网站设计部 点击数： 更新时间：2014-11-25

• 在CSS 2.1在就已经支持的功能是counter()，使用它，你能方便的在页面标题，区块和其它各种连续出现的页面内容上添加序号。有了它，你就不必限制于只能使用<ol>来实现这个效果，你可以更灵活的在页面上使用自定义数字序列。

  关键就是它真的很简单：在:before伪类里的content属性加入counter()：

  <pre id="html_code_js">

  &lt;body { counter-reset: heading; } h4:before { counter-increment: heading; content: "Heading #" counter(heading) "."; }

  </pre>

• CSS样式优先级计算方法 :上一篇
  网站建设如何考虑表现层CSS的实现 :下一篇