如何从引导程序中覆盖！重要的 css 规则答案

【问题标题】：How to overrule !important css rule from bootstrap如何从引导程序中覆盖！重要的 css 规则
【发布时间】：2021-03-24 00:52:56
【问题描述】：

我正在尝试将带有角度动画的 css 样式 display: none; 设置为已经具有引导类 .d-block 的元素，它将显示设置为 .d-block { display: block!important;}。如何否决 .d-block 类？

  trigger('fade', [
    state('hidden', style({
      opacity: 0,
      display: 'none'
    })),
    state('show', style({
      opacity: 1,
      display: 'block'
    })),
    transition('hidden => show', [
      animate('1s')
    ]),
    transition('show => hidden', [
      animate('1s')
    ])

【问题讨论】：

在specificitycss-tricks.com/specifics-on-css-specificity附近有一个谷歌
@Dominik 我无法控制引导程序给出的css规则的特异性，我只能设置类。这意味着我必须在角度动画中更具体地使用我的 css，我不知道/认为这是可能的。
显然。您可以增加我试图建议的压倒一切规则的特异性。这是可能的，因为您只需要通过移动到样式属性来获得更高的特异性，或者添加更高的特异性选择器或... 100 更多的东西
@Dominik 我明白了你的建议，但我的问题是我怎么能做到这一点，增加更高的特异性，通过角度动画应用 css 规则？
stackoverflow.com/questions/11178673/how-to-override-important

标签： css angular twitter-bootstrap angular-animations

【解决方案1】：

我还没有找到在角度动画 css 规则中添加更高特异性的方法，所以我暂时删除了 .d-block 并在我的 css 文件中添加了 display: block。

这样，普通的 css 规则就会被角度动画规则所取代。

【讨论】：