在CSS中,我們可以使用偽類和計(jì)數(shù)器來(lái)在鏈接后面添加隨機(jī)數(shù),以下是一個(gè)示例:
a:before { content: counter(a, 1); }
在這個(gè)示例中,counter(a, 1)
會(huì)創(chuàng)建一個(gè)計(jì)數(shù)器,每次遇到a
元素時(shí),計(jì)數(shù)器就會(huì)遞增1,這樣,每個(gè)a
元素都會(huì)有一個(gè)***的隨機(jī)數(shù)。
如果你想讓計(jì)數(shù)器從特定的數(shù)字開(kāi)始,可以使用counter-reset
屬性:
a:before { content: counter(a); } a:first-child:before { counter-reset: a 100; }
在這個(gè)示例中,計(jì)數(shù)器會(huì)從100開(kāi)始,每次遇到a
元素時(shí),計(jì)數(shù)器就會(huì)遞增1,這樣,每個(gè)a
元素都會(huì)有一個(gè)從100開(kāi)始的***隨機(jī)數(shù)。
這種方法生成的隨機(jī)數(shù)并不是真正的隨機(jī)數(shù),而是基于你頁(yè)面上的元素?cái)?shù)量和順序的計(jì)數(shù)器值,如果你需要真正的隨機(jī)數(shù),可能需要借助JavaScript或者后端語(yǔ)言來(lái)實(shí)現(xiàn)。