html - 基础图标字体 :hover styling not working, sass/css

Question

所以我使用带有 foundation 3 字体图标的 foundation，我试图在 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

我的语法不对，确保所有花括号都闭合并正确排列