我有一個div,在div里面有多個p標簽.我需要使用css對它們進行編號. p標簽的數(shù)量可能會有所不同.

使用：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

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

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

content: n

}

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

總結

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

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