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

Question

我的跨度如下：

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

当我创建css类时，我希望在悬停时以红色关闭fa-close：

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

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

标签： htmlcss

Answer 1

将额外的类添加到span您要应用红色的特定位置

例如

HTML

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

和 CSS 之类的

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

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

希望这可以帮助 ：）

根据采购订单要求更新

如果您只想在悬停时使用红色，那么您的代码如下所示

HTML

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

和 CSS 之类的

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