css - 如何覆盖脚本生成的 !important CSS 规则

<分区>

我有一个来自外部服务的 js 插件。该脚本构建了自己的 css，但其规则不适合我的布局。所以我需要将 540 更改为 700px:

#chat-container.bbhorizontal .main .booking {
margin-top: 0;
min-width: 540px !important;
}

来自 Bugzilla 的路径:

<div class="main">
    <form name="chat">
      <div class="booking">

我试过:

#div main.chat.booking {
display: block;
visibility: visible;
min-width: 800px !important important;
margin-top: 0;
}

没有成功... 我怎样才能做到这一点？谢谢。

比起 css，我更喜欢用 C 编程。更新请看图片:

最佳答案

为选择器添加更多特异性:

#chat-container.bbhorizontal .main form[name="chat"] .booking {
  min-width: 700px !important;
}

这应该可以解决问题......

关于css - 如何覆盖脚本生成的 !important CSS 规则，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33628856/

相关文章：

IE 中的 CSS 旋转属性