Featured image of post HTML 自動插入標號

HTML 自動插入標號

本來想要用TOC,無意間發現這個好玩的用法,他能夠讓列表的前面自動新增一個編號。像是下方的程式會自動在example的屬性前面新增編號。

<style>
example:before {
    counter-increment: number;
    content: counter(number)'. ';
}
</style>

<example>Hello, World!</example>

Hello, World!