html - 如何在悬停时为一个 html 元素应用 css 类

Question

我的跨度如下:

<span  class="fa fa-fw fa-close">

我想在悬停时将 fa-close 显示为红色，当我创建 css 类时:

.fa-close:hover{color :red;}

它适用于 fa-close 的所有跨度，但我希望它只应用于一个跨度。请问我该怎么做？

Answer 1

在您想要应用红色的特定span中添加额外的类

例如

HTML

<span  class="fa fa-fw fa-close extra">

和 CSS 一样

.fa-close.extra {color :red;}

所以现在，无论你想要应用红色，你都可以添加这个类。

Hope this helps :)

根据 PO 要求更新

如果你只想在悬停时显示红色，那么你的代码如下所示

HTML

<span  class="fa fa-fw fa-close extra">

和 CSS 一样

.fa-close.extra:hover {color :red;}