鼠标悬停和鼠标移出文字的颜色变化

问题描述：

当鼠标悬停在鼠标上方并且鼠标移开它时，我需要改变文字的颜色。所以，我只有鼠标悬停的CSS，这是正确的方法来做到这一点？以及在mouseout上为css更改颜色的代码是什么？从下面的代码中，文字变为绿色，但在鼠标移出后仍保持绿色。鼠标悬停和鼠标移出文字的颜色变化

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

} 
    </style>

问候！

答

没有，你可以使用：hover伪类是这样的：

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

<style type="text/css"> 

.sometexttohover { 
color: #000; 
} 

.sometexttohover:hover { 
color: #567843; 
} 

</style>

更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/:hover – Leventix

@VikingBlooded：我试过这段代码，这不起作用，并且有一个控制“a”的主要css文件，我不能在那里更改它，因为它会影响整个页面。我需要一个独特的CSS风格来为这个特定的文本改变颜色。 –

这只是一个例子，你可以在任何伪元素或类上使用它。你可以做.thisismyhovertext：如果你愿意，可以把这个类放到你的元素上。 – VikingBlooded

鼠标悬停和鼠标移出文字的颜色变化

相关推荐