css - 否决 !important 内联 CSS

Question

我正在使用 Wordpress 插件“NextGEN Gallery”和“JJ NextGen JQuery Carousel”，因为我正在尝试制作一个看起来很像最后命名插件的默认外观的轮播。问题是插件使用带有背景图像的 div 作为按钮，它得到了这个 CSS:

div#about-jcarousel_container .jcarousel-skin-custom .jcarousel-prev-horizontal {
    top: 188px !important;  
}

因此，这不起作用(顶部:0px 部分):

.jcarousel-skin-custom .jcarousel-prev-horizontal {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: rgba(24, 16, 16, 0.43) url(prev-horizontal.png) no-repeat 0 0;
    background-position-y: 50%;
    height: 100%;
}

令人讨厌的是 188px 从未在任何地方被调用，所以我不能只编辑它使其成为 0px，而是在浏览器的客户端。所以我环顾四周，似乎该插件将 188px 代码放在内联 <style> 标签中。因为它有 !important 我不能只在我的 template.css 中使用 !imporant 来覆盖它。

是否有另一种方法来否决内联使用的 !important 标签？我真的很想保持插件可更新。

Answer 1

覆盖 !important 的唯一方法是在级联中进一步使用 !important，因此将它放在 jcarousel 文件之后的 CSS 文件中。

或者，编辑 jcarousel