是否可以将 CSS 选择器中的重要属性值变为不重要属性值？

是否可以将 CSS 选择器中的重要属性值变为不重要属性值？

例如：Bootstrap 3 定义.hide class https://github.com/twbs/bootstrap/blob/26727bfefd46059a6ce66be7ed0e54910870efd9/less/utilities.less#L26-L28 as:

 .hide { display: none !important; }

是否可以在不修改 BS3 源代码的情况下删除重要值？

思考类似的事情

 .hide { display: none !remove-important; }

请注意，我想保持相同的值！我不想设置block !important to .hide类，因为那是不正确的......

我已经添加了一个新课程.hide-non-important并在需要的地方使用它：

 .hide-not-important { display: none; }

...但问题是：还有其他选择吗？

您无需编辑原始源代码。只需创建一个样式表并将其放置在 Bootstrap 样式表之后并将其添加到其中：

 .hide { display: block !important; }

现在，话虽如此，我会非常小心地这样做。您不知道您的网站上有多少元素应用了此类，并且您几乎肯定会得到意想不到的结果。

应用此类显然是有原因的，我建议：

1. 不要这样做

2. 向元素添加一些其他类并向其添加样式。调整您的标记（或根据需要使用 js 应用该类），如下所示：

   <div class="hide custom-hide-reset"></div>
   

   然后将此样式添加到您创建的样式表中：

   .custom-hide-reset { display: none; }