html - 如果速率降低，则显示速率 : green if the rate has increased, 红色

Question

我正在尝试建立一个显示加密货币汇率的网站，但我什至不知道从哪里开始尝试添加这方面内容。如果可能的话，我想对每个费率的文本进行编码，以便在您将鼠标悬停在上方时更改颜色。一个简单的悬停，但我希望颜色变化是动态的。如果汇率最近上升，当您将鼠标悬停在上面时，它会显示为绿色，如果下降，它将显示为红色。再次重申，不知道这涉及到什么，但非常感谢您的帮助!

Answer 1

你可以使用 CSS 的 :hover 选择器，这可能是最简单的方法......

HTML

<span class="red">If you hover me, I will become red</span> <br>
<span class="green">If you hover me, I will become green</span>

CSS

.red:hover{
   color: red;
}
.green:hover{
   color: green;
}

JSFiddle