CSS 覆盖似乎不适用于 ！important。

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