SCSS:图标字体和锚标记中的文本
问题描述:
我想在锚标记中使用图标字体和文本,并希望它在悬停时更改颜色。我正在使用scss进行造型。SCSS:图标字体和锚标记中的文本
到目前为止我的代码是:
<span class="sidebar-list"><a href="#"><span class="icon-SpeechBubble"> </span>Live Chat</a></span>
SCSS
.sidebar-list {
a {
color:#8894a4;
font-family:$font-GlobalFamily;
font-size:13px
&:hover {
color:#fff;
cursor:pointer;
text-decoration:none;
}
}
}
.icon-SpeechBubble:before {
content: "\e633";
font-size:13px;
}
我facign的问题是,当我将鼠标悬停在文本中的图标字体并不突出。此外,该文本正在挑选一些不是#8894a4的随机颜色。有没有办法解决它?
感谢,
答
尝试:
&:hover:before {
color: *;
}
我想这只是由于复制粘贴一个错字....但只是可以肯定,字体大小后':13px'它缺少';',编译css代码时无效 – peppeocchi 2014-11-21 00:29:59
你必须在代码的其他地方解决这个问题,上面的代码很好,http://jsfiddle.net/c73smhbf/你是否在使用框架(比如tw引导...)或外部CSS(不是你的)?检查元素,看看有什么不对,如果你的代码在那里,并没有被其他类覆盖 – peppeocchi 2014-11-21 00:37:08