css!important没有覆盖插件的样式

时间:2020-05-06 09:00:18

标签: html css

我正在网站上显示Chargebee结帐模式,并且试图隐藏右上角的关闭按钮。
它的类名称为cb-hp__close,如果我在Chrome浏览器的“检查”对话框中添加CSS属性display: none,则会被隐藏。
但是,当我将此CSS代码放入项目中并刷新页面时,关闭按钮并未隐藏。
我正在尝试这样:

div.cb-hp__close {
  display: none !important
}

为什么不覆盖CSS样式真的很奇怪。
请让我知道是否有人已经遇到过这种情况。

1 个答案:

答案 0 :(得分:0)

可能是因为该插件的CSS代码中已经具有!important 属性,所以请尝试将!important 放在执行代码的末尾