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

Css 鼠标悬停和鼠标悬停文本的颜色变化,css,Css,我需要改变颜色的文字时,鼠标移到它和鼠标离开它。所以,我只得到了css的鼠标,这是正确的方法吗?css鼠标输出上的颜色更改代码是什么?从下面的代码中,文本变为绿色,但即使在鼠标移出后仍保持绿色 <style type="text/css"> .mouseover { cursor: pointer; color: green; } </style> 老鼠先生{ 光标:指针; 颜色:绿色; } 问候 否,您可以像这样使用:hover伪类: &

我需要改变颜色的文字时,鼠标移到它和鼠标离开它。所以,我只得到了css的鼠标,这是正确的方法吗?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>
这是要悬停的文本
.sometexttohover{
颜色:#000;
}
.sometexttohover:悬停{
颜色:#567843;
}

否,您可以像这样使用:hover伪类:

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

<style type="text/css">

.sometexttohover {
color: #000;
}

.sometexttohover:hover {
color: #567843;
}

</style>
这是要悬停的文本
.sometexttohover{
颜色:#000;
}
.sometexttohover:悬停{
颜色:#567843;
}

@Vikingbreaded:我尝试了这段代码,但它不起作用,而且有一个控制“a”的主css文件,我无法在那里更改它,因为它会影响整个页面。我需要一个独特的css样式来改变这个特殊的文本的颜色。这只是一个例子,你可以在任何伪元素或类上使用它。你可以这样做。ThisisMyOvertext:如果愿意,将该类悬停并应用于你的元素。@Vikingbreaded:我尝试了这段代码,但它不起作用,而且有一个控制“a”的主css文件,我无法在那里更改它,因为它会影响整个页面。我需要一个独特的css样式来改变这个特殊的文本的颜色。这只是一个例子,你可以在任何伪元素或类上使用它。您可以这样做。ThisisMyOvertext:如果愿意,将该类悬停并应用于您的元素。