Html 图标未显示不确定原因

下面我有一个简单的代码片段，尝试使用CSS

内容显示图标，但不确定为什么不显示，但是如果我直接将类（现有的Fontwood类，然后将其显示）放在CSS中，而不是放在CSS中

我不知道我在这里遗漏了什么，谁能看看这里出了什么问题吗


。搜索块{
最大宽度：850px；
宽度：100%；
保证金：0；
位置：相对位置；
宽度：100%；
背景：#e5；
边界半径：4px；
填充物：5px10px；
框大小：边框框；
}
.search block>麦克风图标{
位置：绝对位置；
右：0；
字体系列：Fontsome；
内容：“\f130”；
字号：18px；
颜色：#fff；
宽度：50px；
高度：50px；
背景：#f00；
排名：0；
}
属性仅对伪元素
：before
和
：：after
有效。您需要单独添加以下内容：

.search block>。麦克风图标：：之前{
字体系列：Fontsome；
内容：“\f130”；
}


。搜索块{
最大宽度：850px；
宽度：100%；
保证金：0；
位置：相对位置；
宽度：100%；
背景：#e5；
边界半径：4px；
填充物：5px10px；
框大小：边框框；
}
.search block>麦克风图标{
位置：绝对位置；
右：0；
字号：18px；
颜色：#fff；
宽度：50px；
高度：50px；
背景：#f00；
排名：0；
}
.search block>麦克风图标：：之前{
字体系列：Fontsome；
内容：“\f130”；
}
属性仅对伪元素
：before
和
：：after
有效。您需要单独添加以下内容：

.search block>。麦克风图标：：之前{
字体系列：Fontsome；
内容：“\f130”；
}


。搜索块{
最大宽度：850px；
宽度：100%；
保证金：0；
位置：相对位置；
宽度：100%；
背景：#e5；
边界半径：4px；
填充物：5px10px；
框大小：边框框；
}
.search block>麦克风图标{
位置：绝对位置；
右：0；
字号：18px；
颜色：#fff；
宽度：50px；
高度：50px；
背景：#f00；
排名：0；
}
.search block>麦克风图标：：之前{
字体系列：Fontsome；
内容：“\f130”；
}

参见示例


。搜索块{
最大宽度：850px；
宽度：100%；
保证金：0；
位置：相对位置；
宽度：100%；
背景：#e5；
边界半径：4px；
填充物：5px10px；
框大小：边框框；
}
.search block>麦克风图标{
位置：绝对位置；
右：0；
字体系列：Fontsome；
内容：“\f130”；
字号：18px；
颜色：#fff；
宽度：50px；
高度：50px；
背景：#f00；
排名：0；
}

参见示例


。搜索块{
最大宽度：850px；
宽度：100%；
保证金：0；
位置：相对位置；
宽度：100%；
背景：#e5；
边界半径：4px；
填充物：5px10px；
框大小：边框框；
}
.search block>麦克风图标{
位置：绝对位置；
右：0；
字体系列：Fontsome；
内容：“\f130”；
字号：18px；
颜色：#fff；
宽度：50px；
高度：50px；
背景：#f00；
排名：0；
}

OMG，为什么我没有注意到，非常感谢你指出这一点。OMG，为什么我没有注意到，非常感谢你指出这一点。你不理解我的问题，我在代码中犯了错误，并且已经被@JamesDonnely指出了。你不理解我的问题，我在代码中犯了错误，并且已经被@JamesDonnely指出了