防止css"内容"适用于特定元素

时间:2015-07-04 05:44:50

标签: css wordpress twitter-bootstrap-3

我在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;
}

这是标签云下右侧最近的评论: http://www.nextlevelsmf.com/news/

1 个答案:

答案 0 :(得分: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;
  }
}