鼠标悬停和鼠标输出文本的颜色变化

Question

当鼠标悬停在文本上并且鼠标移开时，我需要对文本进行颜色更改。所以，我只有鼠标结束css，这是正确的方法吗？什么是mouseout for css的更改颜色代码？从下面的代码开始，文本会变为绿色，但即使在mouseout之后也会保持绿色。

<style type="text/css">
  .mouseover {
    cursor: pointer;
    color: green;

}
  </style>

问候！

Answer 1

不，您可以像这样使用：hover伪类：

<span class="sometexttohover">This is text to hover over</span>

<style type="text/css">

.sometexttohover {
color: #000;
}

.sometexttohover:hover {
color: #567843;
}

</style>