如何在鼠标悬停时更改文本特定部分的颜色？

Question

当鼠标移到文本上方时，我想更改文本部分的颜色，而不是整个文本的颜色。 我有一个红色的文本，我想将鼠标所在区域的颜色更改为蓝色。

Answer 1

最简单的方法是像下面这样:hover。

h1:hover {
  color: red;
}

body {
color: blue;  
}

Hello <h1>test</h1> hello