PHP前端开发

CSS 计数器重置属性

百变鹏仔 3个月前 (09-20) #CSS
文章标签 计数器

要使用 CSS 创建或重置计数器,请使用 counter-reset 属性。

您可以尝试运行以下代码来实现 counter-reset属性

示例

现场演示

<!DOCTYPE html><html>   <head>      <style>         body {            counter-reset: section;         }         h2::before {            counter-increment: section;            content: "Fruit " counter(section) " - ";         }      </style>   </head>   <body>      <h1>Fruits</h1>      <h2>Mango</h2>      <h2>Kiwi</h2>   </body></html>