如何在<ul>标签中使用Font Awesome感叹号图标作为列表项标记？

需求可以实现 #

你当前的代码已经采用FontAwesome伪元素方案实现列表标记，无需修改HTML结构、也无需引入图片，仅需调整少量CSS属性即可达到预期效果。

具体修改方案 #

找到你现有CSS中 ul.listing-style2.modify li:before 这段规则，修改两个属性即可：

• 将原有content值\f05d替换为感叹号圆形图标对应的FontAwesome 4.7 Unicode码 \f06a
• 新增color: red属性设置图标为红色

修改后的完整CSS片段如下：

ul.listing-style2.modify li:before {
  content: "\f06a";
  color: red;
  /* 其余属性会继承上方ul.listing-style2 li:before的通用配置，不需要额外修改 */
}

修改后列表前缀样式就和你要求的<i class="fa fa-exclamation-circle" style="color:red"></i>完全一致。

内容的提问来源于stack exchange，提问作者duatree