Counters是CSS中的一種有趣的特性，它可以幫助我們創建有序列表和編號章節標題。這是通過使用CSS計數器和counter-increment和counter-reset屬性完成的。

/* 定義計數器 myCounter */
body {
counter-reset: myCounter;
}
/* 增加計數器 myCounter */
h2:before {
counter-increment: myCounter;
content: counter(myCounter) " ";
}

使用counters屬性，我們甚至可以在一個元素中同時使用多個計數器。同時，我們還可以更改計數器的編號格式來更好地滿足我們的需求。

/* 定義2個計數器 */
body {
counter-reset: chapter section;
}
/* 章節標題 */
h2:before {
counter-increment: chapter;
content: "Chapter " counter(chapter) ". ";
}
/* 小節標題 */
h3:before {
counter-increment: section;
content: counter(chapter) "." counter(section) " ";
}

雖然counters屬性的語法可能有點困難，但它確實為我們提供了一種強大的工具，幫助我們創建更好的頁面。通過掌握counters，我們可以輕松地創建復雜的編號方案，這在大型項目中非常有用。