即使使用 !important，CSS 覆盖似乎也不起作用

Question

使用 CSS

.page-id-5094 .bg-white-base .wrap-x .inside mini {
    max-width: auto !important;
}

我无法让滑块占据全角。我尝试添加滑块的 WordPress 测试页面位于下面的链接中。请指出为什么它没有任何效果。

https://dev-packed-with-purpose.pantheonsite.io/slider-test-page/

Answer 1

这是你的 html

<div class="inside mini">
</div>

所以，在这样的 css 中

.page-id-5094 .bg-white-base .wrap-x .inside.mini {
    max-width: 100%;
}

或

.page-id-5094 .bg-white-base .wrap-x .mini {
    max-width: 100%;
}

或

.page-id-5094 .bg-white-base .wrap-x .inside {
    max-width: 100%;
}