你只需要:hover伪类，当你鼠标离开元素时，它会返回到默认的非:hover状态，像这样：

.class { color: black; } 
.class:hover { color: red; }

当你悬停时，颜色将是红色的，当你“mouseout”时，颜色将返回到黑色，因为它不再匹配:hover选择器。这是所有浏览器的默认行为，您无需在这里做任何特殊的事情。
如果你想做一些编程的事情，你正在寻找mouseout JavaScript event。

下面是:hover伪类：

element:hover { color: red }

没有事件或选择器，当:hover状态结束，如果这是你正在寻找的。
您将不得不转向Javascript和onmouseout事件。

CSS中没有鼠标移出事件。You need javascript in order to do that.

CSS没有mouseout类型的选择器。但是一个元素的正常样式是它的“mouseout”状态！
你到底想做什么，普通的CSS和:hover选择器不覆盖？
很有可能，你可以用JavaScript来做。请参阅here或此处。

您正在查找:hover伪类。

a:hover {background: red;}

将突出显示您悬停在上面的任何链接。

据我所知，你只能有以下CSS“事件”。
a（默认），a：hover，a：active，a：visited

AFAIK没有鼠标移出事件，但
如果你想要的链接你访问之前你可以使用

a:visited{

}

鼠标退出css！
div：not（：hover）{ ...}