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

【问题标题】：foundation icon font :hover styling not working, sass/css基础图标字体：悬停样式不起作用，sass/css
【发布时间】：2014-10-29 20:38:47
【问题描述】：

所以我使用 Foundation 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>

我可以更改图标颜色并链接，但悬停时没有任何反应。我有点难倒它，我确定我做错了什么，但还没有弄清楚。有人可以帮忙吗？

【问题讨论】：

感谢我的工作，我有一个额外的卷曲手链需要移除，感谢您的提示！

标签： html css sass icons zurb-foundation

【解决方案1】：

我的语法已关闭，请确保所有花括号都已关闭并正确排列

【讨论】：