CSS或JS中的随机

/* 随机选择第n个元素 */
:nth-child(1) {
  /* 设置样式 */
}

:nth-child(2) {
  /* 设置样式 */
}

/* 以此类推 */

/* 通过random()函数生成随机数值 */
.random-element {
  font-size: calc(10px + random() * 20px);
  color: hsl(random() * 360, 50%, 50%);
}

// 生成0到1之间的随机数
var randomNum = Math.random();

// 生成指定范围内的随机整数
var randomInt = Math.floor(Math.random() * (max - min + 1)) + min;

// 随机改变元素的样式
document.getElementById("elementId").style.color = "rgb(" + Math.floor(Math.random() * 256) + "," + Math.floor(Math.random() * 256) + "," + Math.floor(Math.random() * 256) + ")";

// 随机改变元素的内容
var texts = ["Text 1", "Text 2", "Text 3"];
document.getElementById("elementId").innerHTML = texts[Math.floor(Math.random() * texts.length)];

// 随机改变元素的位置
document.getElementById("elementId").style.left = Math.floor(Math.random() * window.innerWidth) + "px";
document.getElementById("elementId").style.top = Math.floor(Math.random() * window.innerHeight) + "px";