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>热门推荐
10 简短元旦祝福语古言
11 新婚贺词祝福语创意简短
12 私房进火祝福语简短
13 日生日贺卡祝福语简短
14 交接同事退休祝福语简短
15 同事生日祝福语简短独特
16 升学宴同学祝福语简短
17 生日祝福语哥哥英文简短
18 过生日祝福语简短爸爸