我有一個(gè)div,在div里面有多個(gè)p標(biāo)簽.我需要使用css對(duì)它們進(jìn)行編號(hào). p標(biāo)簽的數(shù)量可能會(huì)有所不同.

使用：nth-??child()和::之后我可以做這樣的事情

div p:first-child::before {

content: '1 '

}

div p:nth-child(2)::before {

content: '2 '

}

div p:nth-child(3)::before {

content: '3 '

}

div p:nth-child(4)::before {

content: '4 '

}

div p:nth-child(5)::before {

content: '5 '

}

abc

abc

abc

abc

abc

如果有大量元素,我該如何實(shí)現(xiàn)它.在css里面有沒(méi)有任何關(guān)于子編號(hào)的方法：nth-??child(),這樣的東西.

div p:nth-child(n)::before {

content: n

}

其中n是子編號(hào).我知道編號(hào)可以使用list完成,但我需要知道是否有任何方法可以在css選擇器中獲取子num.

總結(jié)

以上是生活随笔為你收集整理的html 列表设置nth,html – 使用nth-child进行CSS编号的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。