Html CSS内置内容不起作用

我的网站上有一个幻灯片，我想使用CSS内置的酷炫内容。我很确定我的代码是正确的，但出于某种原因，箭头显示为方框。我不知道发生了什么事。这是我的密码：

.slider.nav next:before，
.滑块.导航上一个：之前{
-moz osx字体平滑：灰度；
-webkit字体平滑：抗锯齿；
字体系列：Fontsome；
字体风格：普通；
字体大小：正常；
文本转换：无！重要；
}
.滑块.导航下一步：在，
.滑块.导航上一个：之前{
位置：相对位置；
}
.slider.nav下一个{
右：0；
}
.滑块.导航下一个：之前{
内容：'\f105'；
右：-0.05em；
}
.slider.nav-previous{
左：0；
}
.滑块.导航上一个：之前{
内容：'\f104'；
左：-0.05em；
}

可能问题在于，在HTML中使用的是

div class=“slide”

而在CSS中编辑的是

slider的样式{

…尝试将HTML上的

div类编辑为滑块，看看是否有效。
为什么不在hrml头部包含cdn，然后使用此内部标记

<i class="fas fa-arrow-right"></i>



您得到的是框而不是箭头，因为它们没有以正确的方式被引用