如何使用新的 CSS 添加删除！重要的 CSS

Posted 2023-03-21

【中文标题】如何使用新的 CSS 添加删除！重要的 CSS

【英文标题】：How to add remove !important css with new css

【发布时间】：2022-01-15 19:14:50

【问题描述】：

bootstrap-next-table`，我在我的项目中在不同的地方使用这个表，我必须在其中覆盖一个 CSS 类，我已经给出了我自己的值。

现在我面临的问题是，一个组件需要默认的 CSS 类。我必须重写这个类：

.table > thead 
    display: none !important;

现在在一个文件中我需要这个：

.table > thead 
    display: block;

我怎样才能做到这一点？

【问题讨论】：

我试图整理问题的格式（例如，“css”这个词不是代码，代词“I”应该总是大写）；你会校对编辑以检查问题是否仍然正确？我认为值得注意的是，您的第一句话不完整，我离开了bootstrap-next-table，但我无法弄清楚它为什么在那里；你想说什么？

【参考方案1】：

只需使用具有更高specificity 的选择器并在您的样式声明中使用!important。这是一个纯 html/CSS sn-p，您可以适应 Raect 的 className 属性语法。

.table > thead 
  display: none !important;


.table > thead.box 
  display: block !important;

<table class="table">
  <thead>
    <tr>
      <th>First</th>
      <th>Second</th>
    </tr>
  </thead>
</table>

<table class="table">
  <thead class="box">
    <tr>
      <th>Third</th>
      <th>Fourth</th>
    </tr>
  </thead>
</table>