基础图标字体：悬停样式不起作用，sass / css

Question

所以我使用基础3和基础3字体图标，并尝试在sass中悬停时使图标颜色发生变化：

#icons{

 a:hover{
   i{
   color: darken($primary-color, 20%);
   }

 }
}

继承人我的HTML：

     <div class="container1">
       <div id="icons" class="row">
        <div class="medium-4 large-4 text-center column adjust">
         <a href="#"><i id="promotional" class="fi-calendar"></i></a>

我可以更改图标颜色，并链接但悬停时没有任何反应。 我有点难过，我确定我做错了什么但是没有想到它。任何人都可以帮忙吗？

Answer 1

我的语法已关闭，请确保所有卷发护腕都已关闭且排列正确