防止将 css“内容”应用于特定元素

Question

我的 wordpress css 中有这个：

.widget-area ul li:before {
  position: absolute;
  font-family: FontAwesome;
  content: "\f105";

不幸的是，我现在想在不应用“>”内容的情况下向小部件区域添加一些内容……我似乎无法理解。我已经尝试过初始，没有，我只是不知道我做错了什么，不幸的是我还不熟悉“内容”或继承。

.decent-comments ul li:before {
  position: absolute;
  font-family: FontAwesome;
  content: none!important;
}

这是标签云下右侧最近的 cmets 内容： http://www.nextlevelsmf.com/news/

Answer 1

由于媒体查询使用不正确，该图标可见。你可以在这里了解更多信息：MDN Docs

如果您想在屏幕上使用媒体查询，请使用only

@media not all { // Remove the not or use `only screen` or don't use the media query at all
  .decent-comments ul li::before {
    content: initial !important;
    font-family: FontAwesome;
    position: absolute;
  }
}