悬停时火图标

Question

我试图在鼠标悬停时触发一个类，基本上在我的href中，我有一个i图标标记，需要更改颜色：但不起作用：

我的CSS和HTML：

.catalog-icons i:hover{
   color: #ba658a;
}

.catalog-icons .btn-icon:hover ~.catalog-icons i:hover{
    color:#ba658a;
    background-color: white;
}

<li class="list-inline-item">
  <a class="btn btn-icon" href="">
    <i class="fontello-icon icon-vet"></i>
  </a>
</li>

Answer 1

我添加了一张图片，因为您的代码未提供任何图片。 您的规则应该很简单：

if ( n % increment_by > (cont.size() - n) ) return; // and or break;

悬停.your_hovered_element_class:hover affected_elemnt_inside 后，您需要更改.btn-icon背景色

i

.btn-icon:hover i{
  background-color: #ba658a;
}

i img {
  height: 1em;
}