首页 > 解决方案 > 覆盖从 AdBlock 注入的 CSS

问题描述

我的网站显示一个购买链接,该链接隶属于 Awin 附属计划。AdBlock Plus 通过这个由扩展程序注入的 CSS 阻止了 Awin 链接:

a[href^="https://www.awin1.com/cread.php?"] {
    display: none!important;
}

我试图通过检测用户是否使用 AdBlock 来用 Javascript 覆盖它:在这种情况下,我将一个.ab类添加到 and 标记并在我的样式表中声明这个 CSS 规则:

html.ab {
    a[href^="https://www.awin1.com/cread.php?"].ab {
        display: block!important;
    }
}

但这不起作用。无论我的规则如何,通过扩展注入的 CSS 是否优先于应用程序的样式表?

谢谢

标签: cssadblockoperator-precedence

解决方案


推荐阅读