禁用样式链中的css规则

Question

我遇到一个小问题，我不确定是否真的有办法轻松做我想做的事。

我有多个样式表可用：

• 首先加载一个Bootstrap样式表
• 已加载多个模块

在一个模块中，有一个这样的规则：

.container .container {
    padding-left: 0px;
    padding-right: 0px;
    width: auto;
}

这有效地阻止了我在布局中使用堆叠容器。我想禁用此规则。

我可以在声明之前或之后技术上覆盖它但我不想重置样式......假设我只是希望这条规则停止工作＆＃34;。

我试图用以下方式覆盖它：

    .container .container {
        padding-left: inherit !important;
        padding-right: inherit !important;                
        width: inherit !important;
    }

但这并不奏效。我想要实现的是有效地禁用样式表链中的样式，因为引导程序具有多个带有媒体查询的样式，在破坏我的样式的css样式表之后重新应用容器的引导样式可能有点复杂装了。

据我所知，除了重新应用样式之外别无他法。