CSS 检查器中的删除线

Question

在我的网站上工作时，我有 fa 图标，应该是黑色的。它们是黑色的，然后我更改了我的 css 文件（然后更新了我的 html 上的所有链接），现在我的图标没有显示，当我检查元素时，我有一个删除线颜色：#000；我的 .fa-icon 部分的一部分。我尝试了 !important，但颜色仍然没有显示出来。有什么建议吗？

.fa-icon {
  color: #000;
  width: 32px;
  height: 32px;
  display: inline-block;
  line-height: 32px;
  font-size: 15px;
  text-align: center;
}

Answer 1

划线颜色：#fff；意味着该规则在 !important 之后被重新定义或之前被定义；规则，不能修改。一直向上和向下检查你的检查器，你会找到它。考虑通过内联 HTML css 或 javascript 函数在元素级别覆盖。

Answer 2

实际上问题是 font awesome cdn css，你在你的 css 中导入它不工作，请在 cdn 路径下使用并检查。

@import url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

将此 link 导入 css 文件。

CSS 检查器中的删除线

CSS Strike Through in Inspector

html

css

web-inspector