用另一个替换字母使用图标

我想改变一个沙漏与另一悬停[这里是第一个沙漏BasicImg，我想替换这个悬停：AfterHover] ... 我试图做到这一点与JS但这里的问题是，这仅仅是一个letter..I意味着沙漏仅仅是一个字母 - 我用图标字体... 为沙漏的代码是这样的：用另一个替换字母使用图标

.fa.fa-hourglass-start{ 
 
color:inherit; 
 
\t font-size: 28px; 
 
\t line-height: 20px; 
 
\t vertical-align: middle; 
 
}

<html> 
 
<head> 
 
    <link rel="stylesheet" href="font-awesome-4.6.3/css/font-awesome.min.css"/> 
 
</head> 
 
<body> 
 
<li><a href="#"><span class="fa fa-hourglass-start"></span> Istoric</a> 
 
</body> 
 
</html>

对不起，我的英语不好

来源

2016-05-15 Geov

，你需要创建在正常状态下具有默认图标的自定义类，悬停状态下的替代图标。如果你对JavaScript没有问题，你可以改变类的悬停，所以没有改变信件，但删除类和添加新类（fa-iconname） – moped

a > .my-hourglass:before{content:"\f251"} 
 
a:hover > .my-hourglass:before{content:"\f252"}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"/> 
 
<html> 
 
<head> 
 
    <link rel="stylesheet" href="font-awesome-4.6.3/css/font-awesome.min.css"/> 
 
</head> 
 
<body> 
 
<li><a href="#"><span class="fa my-hourglass"></span> Istoric</a> 
 
</body> 
 
</html>

（带有示例编辑）使用上述CSS为你的图标（而不是FA-沙漏开始）

如果你想只用CSS来实现它

来源

2016-05-15 13:40:54 moped

Thx很多人。它的工作，但我总是想知道这个“>”使。选择该类的链接还是做其他的东西？ Thx再次。 – Geov

@Geov'>'元素的意思。例如'a> .class'表示选择''''元素的子元素的'.class'元素。 – Mohammad

确切地说，它仅适用于直接锚定在类上，所以如果你有一些其他元素具有相同的图标，它将不会在那里应用。 @Geov如果我的解决方案为你工作，请接受它;） – moped

用另一个替换字母使用图标

回答

相关问题