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

Question

随着CSS

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

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

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%;
}