css - 悬停在 icon-caret-down

Question

是否可以为 icon-caret-down 添加悬停效果？我将 css 用于 icon-caret 向下。我的代码如下:

.icon-caret-down:before{
  content:"\f0d7";
  font-family:'fontawesome-alloy';
  speak:none;
  font-style:normal;
  font-weight:normal;
  font-variant:normal;
  text-transform:none;
  line-height:1;
  -webkit-font-smoothing:antialiased;
  vertical-align: baseline;
  background-position: 0 0;
  background-repeat: repeat;
  margin-top: 0; 
}

为了在悬停上添加一些效果，我尝试了但没有成功

.icon-caret-down:before:hover{
    color:red;
 }

HTML 是:

<span id="idofspan" onclick="somefun()"><i class="icon-caret-down"></i></span>

谢谢

Answer 1

你不需要在那里使用 :before 伪选择器:

.icon-caret-down:hover{
    color:red;
}