css 随机数
时间: 2023-07-02 11:05:16 浏览: 128
随机数
你可以使用CSS伪类`:before`和`:after`结合CSS属性`content`和`attr()`来生成随机数。具体实现如下:
1. 使用`data-`属性设置随机数,例如在HTML中设置`data-random`属性为一个随机数:
```
<div data-random="123"></div>
```
2. 使用CSS伪类`:before`和`:after`和CSS属性`content`和`attr()`,把随机数添加到元素的内容中:
```
div::before {
content: attr(data-random);
}
```
这样就可以在元素前面显示随机数了。如果要在元素后面显示随机数,只需要把伪类改为`:after`即可。如果要生成更复杂的随机数,可以使用JavaScript来实现。
阅读全文