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

Jarg7

所以我正在将Foundation与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>

我可以更改图标的颜色并进行链接,但是悬停时没有任何反应。我对此感到困惑,我确定自己做错了什么,但还没有弄清楚。有人可以帮忙吗?

Jarg7

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章