Css 无法使内容属性正常工作_Css

Css 无法使内容属性正常工作

css

Css 无法使内容属性正常工作,css,Css,我正在尝试使用一个带有.red-button类的div创建一个预先设计好的按钮。一些按钮上需要有一个小放大镜，所以我想我可以使用CONTENT属性在需要的按钮上显示它，只需向类中添加“功能” <div class="red-button features">Find a Home</div> 那为什么我的放大镜没有出现呢我知道链接是正确的，因为当我在css中添加“：before”时，它会显示出来 .red-button.features:before 以下是我正在处

我正在尝试使用一个带有.red-button类的div创建一个预先设计好的按钮。一些按钮上需要有一个小放大镜，所以我想我可以使用CONTENT属性在需要的按钮上显示它，只需向类中添加“功能”

<div class="red-button features">Find a Home</div>

那为什么我的放大镜没有出现呢

我知道链接是正确的，因为当我在css中添加“：before”时，它会显示出来

.red-button.features:before

以下是我正在处理的页面：

非常感谢,，

休斯顿

内容

只能与

：before

和

：：after

伪元素一起使用

.red-button.features:before