css中悬停文字变颜色

在CSS中，我们可以通过:hover选择器来实现当鼠标悬停在某个元素上时改变它的外观样式。比如，当我们悬停在一个链接上时，我们可以改变链接文字的颜色。下面是一个例子：

a:hover {
  color: red;
} 

上面这个CSS代码块会让所有链接在悬停时变成红色。但是如果我们只想修改某段文字的颜色，而不是整个链接，怎么办呢？这里有一个技巧：可以用span标签将文字包裹起来，然后再用:hover选择器来修改它的颜色。下面是一个例子：

a span:hover {
  color: red;
} 

上面这个CSS代码块会让悬停在链接上的文字变成红色，而不是整个链接。

除了链接之外，我们还可以用:hover选择器来修改其他元素中的文字颜色。下面是一个例子：

p:hover {
  color: blue;
} 

上面这个CSS代码块会让鼠标悬停在段落上时，段落中的所有文字变成蓝色。

总的来说，通过使用:hover选择器和span标签，我们可以很方便地实现悬停时文字颜色的变化，使得网页更加生动有趣。