没有任何覆盖CSS

Question

我正在编辑一个网站，并且引导程序代码正在妨碍我。 bootstrap css中有一行说：

.navbar .container {
    width: auto;
}

如果我在我的浏览器Inspect Element中关闭宽度代码，那么页面看起来应该是这样。如何在我的css文件中写这个来覆盖它？我需要它来保持它的原始设置，所以我不能把100％或特定数字放在那里。我也尝试过继承，初始和无建议。

我基本上希望它禁用引导程序css，而不必从引导程序代码本身中删除它。

Answer 1

如果我理解为corectly - 你想强迫css系统首先听到你的命令 - 下一步 -

您可以在规范树中实现这一目标。

我正在调用规范树选择器，css对属性覆盖选择器的“power”进行排序。

例如：

.class_A .class_B { prop: value1; } /* weaker than */
.class_A > .class_B { prop: value2; } /* stronger one */

你可以添加例如.class_B class .class_C，这里我不知道会发生什么，但我知道这比.class_A .class_B更强

.class_A .class_B.class_C
.class_A > .class_B.class_C /* probably even stronger */

要点：

如果要覆盖特定元素，只需将类.over（覆盖）添加到DOM元素中，然后就可以在css中使用它来获得足够的力量来强制你的风格。

度过美好的一天！