css 使用CSS计数器自动编号Aras Tech Doc部分

Posted 2021-05-13

/* Set a CSS counter using counter-reset (starts at 0) */
body {
    counter-reset: sectionNum;
}

/* Increment sectionNum counter at each .Section element */
.Section {
    counter-increment: sectionNum;
}

/* Display sectionNum value before each Section Title */
.Section>.Title::before {
    content: counter(sectionNum, upper-alpha) ". ";
}