覆盖：后＆amp; ：在Bootstrap的类内容之前

Question

我想覆盖以下CSS

  .navbar:before{
    display: table;
    content: " ";
  }

并删除之前或之后文件中可能包含的任何内容。它在导航栏和左侧面板之间创建了不必要的空间。 我试着给那个班级

content: none !important;

但它没有被覆盖。 我们有什么办法可以覆盖这个吗？我使用最新的Bootsrap版本。

Answer 1

为了覆盖它，这就足够了：

.navbar:before {
    content: none !important;
}

如果这没有帮助，您也可以尝试：

.navbar:before {
    display: none !important;
}

这会隐藏元素。但是，如果您没有看到被覆盖的属性（请使用开发人员工具检查器检查），那么我将搜索是否将这些css规则添加到页面中。

也有可能是其他因素导致了这个空间。

重要的是会覆盖使用style=""添加的内联属性。以下是一些关于特异性的读物：

https://css-tricks.com/specifics-on-css-specificity/ http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

Answer 2

如果content: none不起作用，请尝试display: none。

关于它没有被覆盖，你有没看过devtools？显然有些事情导致不被覆盖，直接看是好的;）