Question

我正在使用插件和WordPress创建网站，插件是LearnDash, BuddyBoss和BuddyPanel，我无法保持顶部导航在某人登录之前和之后保持不变，这是我登录时的喜好，但不是在手前。

所以我从BuddyBoss获得了关于此问题的支持人员的帮助，他们给了我一些代码，其中包含我之前从未遇到的警告，代码行是。

 color: #012243!important;

{}内没有其他代码行，警告为Use of !important。

我该如何解决这个问题？

Answer 1

有些不鼓励使用important!修饰符，但在大多数预建主题的情况下，也是最适合覆盖默认设置的方法。因此，在您的情况下，这可能是您可以覆盖默认颜色的唯一方法。只要它有效就可以使用它。

另外，我会将该规则写为：

color: #012243 !important;

所以，在颜色代码和!important之间加一个空格。

Answer 2

建议的方法是增加specificity

div#higher {
  color: yellow;
  background: lightgray;
}

#higher {
  color: blue;
  background: lightgray;
}

div.high {
  color: lime;
  background: lightgray;
}

.high {
  color: red;
  background: lightgray;
}

<div id="higher" class="high">Hey there</div>

或者复制现有规则并将其添加到自定义CSS中，在主题CSS后加载。

/* theme CSS rule */ .parent .child { color: red; background: blue; } /* custom CSS rule - loaded/ordered after */ .parent .child { color: yellow; background: lightgray; }

<div class="parent"> <div class="child"> Hey there </div> </div>

如果上述情况不可行，则需要使用!important，在属性值之后添加，例如

property: value !important;

在样式声明上使用important规则时，这个声明覆盖任何其他声明。虽然技术上 !important与特异性无关，它直接相互作用用它。但是，使用!important是不良做法，应该是避免因为它打破了调试使调试更加困难样式表中的自然cascading。当两个相互矛盾具有!important规则的声明应用于同一元素，将适用具有更大特异性的声明。

Src：https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#The_!important_exception

使用！important CSS警告

2 个答案: