HTML怎么級聯(lián)編號 HTML級聯(lián)編號如何實(shí)現(xiàn)
發(fā)布時間:??2017-06-30 09:06 來源:http://www.thwz.com.cn
HTML網(wǎng)頁制作的朋友不會陌生,在網(wǎng)頁制作的是時候我們可能會用到編號。但是編號往往不是一級,那么我們該如何實(shí)現(xiàn)級聯(lián)編號呢?下面小編就為大家分享一下HTML級聯(lián)編號如何實(shí)現(xiàn)

CSS counter-reset 屬性
CSS counter-reset 屬性用于設(shè)置某個選擇器出現(xiàn)次數(shù)的計(jì)數(shù)器的值。

我們就可以使用以下有序列表進(jìn)行測試:


counter-increment 屬性
counter-increment 屬性用于設(shè)置某個選取器每次出現(xiàn)的計(jì)數(shù)器增量。默認(rèn)增量是 1。

依舊使用上面的序列,另外使用counter-reset: item -1進(jìn)行測試

HTML DOM content 屬性
通過content 屬性來改變列表的編號。這里主要介紹其中的counter用法

下面通過counters方法將所有的計(jì)數(shù)器顯示,以圓點(diǎn)(.)分隔,list-style-tyle為decimalcontent: counters(item,'.',decimal) '# ';

完整代碼

最新電腦問題

win7壁紙?jiān)谀膫€文件夾 win7壁紙文件夾位置在哪
2017.07-24

win10怎么把我的電腦放在桌面
2017.06-20