2018-01-23 17:04:23
HTML相信很多制作過(guò)網(wǎng)頁(yè)的炮友都很熟悉,在網(wǎng)頁(yè)制作的過(guò)程中我們可能會(huì)用到編號(hào)。但是編號(hào)往往不是一級(jí),那么我們要怎么實(shí)現(xiàn)級(jí)聯(lián)編號(hào)呢?下面小凡就為大家分享一下HTML級(jí)聯(lián)編號(hào)怎么做
CSS counter-reset 屬性
CSS counter-reset 屬性用于設(shè)置某個(gè)選擇器出現(xiàn)次數(shù)的計(jì)數(shù)器的值。
我們就可以使用以下有序列表進(jìn)行測(cè)試:
counter-increment 屬性
counter-increment 屬性用于設(shè)置某個(gè)選取器每次出現(xiàn)的計(jì)數(shù)器增量。默認(rèn)增量是 1。
依舊使用上面的序列,另外使用counter-reset: item -1進(jìn)行測(cè)試
HTML DOM content 屬性
通過(guò)content 屬性來(lái)改變列表的編號(hào)。這里主要介紹其中的counter用法
下面通過(guò)counters方法將所有的計(jì)數(shù)器顯示,以圓點(diǎn)(.)分隔,list-style-tyle為decimalcontent: counters(item,".",decimal) "# ";
完整代碼