css字体改变随机颜色

你可以使用CSS的伪类选择器和JavaScript来实现随机改变字体颜色的效果。首先，你可以使用CSS的伪类选择器`:hover`来设置鼠标悬停时的样式，然后使用JavaScript生成随机颜色并将其应用到字体颜色上。

以下是一个示例代码：

HTML:

<p class="random-color">这是一段文字</p>

CSS:

.random-color:hover {
  cursor: pointer;
}

.random-color:hover {
  color: black; /* 初始颜色 */
}

JavaScript:

document.addEventListener("DOMContentLoaded", function() {
  const elements = document.querySelectorAll(".random-color");

  elements.forEach(function(element) {
    element.addEventListener("mouseover", function() {
      const randomColor = getRandomColor();
      this.style.color = randomColor;
    });

    element.addEventListener("mouseout", function() {
      this.style.color = "black"; //恢复初始颜色
    });
  });

  function getRandomColor() {
    const letters = "0123456789ABCDEF";
    let color = "#";
    for (let i = 0; i < 6; i++) {
      color += letters[Math.floor(Math.random() * 16)];
    }
    return color;
  }
});

以上代码会在鼠标悬停在目标元素上时，将字体颜色随机改变为一个随机生成的颜色。当鼠标移开时，字体颜色会恢复为初始颜色（这里是黑色）。

你可以将上述代码添加到你的网页中，并根据需要调整初始颜色和其他样式。这样就能实现随机改变字体颜色的效果了。