materialize - 是否可以覆盖物化 css navbar 的行为并使其成为引导样式？

Question

我正在考虑使用引导程序并实现 css，但碰巧它们具有相同的类。

标签： materialize

Answer 1

如果您想将自定义样式添加到已经具有由其他 css 类定义的样式的对象，有时您将不得不替换一些样式。这是如何做到的：

首先，检查哪个类覆盖它。假设您的标记返回：
<div class="range-specific range"></div>

如果你的css是这样定义的：
.range-specific { foo; }

.range { bar; }

然后范围将获胜。

如果将其更改为： .range-specific.range { foo; } .range { 酒吧; } `

然后具体会赢。

如果您想进一步破解它，请执行以下操作：
.range-specific.range-specific { foo; }
.range { bar; }

而具体一定会赢。

这样做更好：
.range { bar; } .range-specific { foo; }

如果您想覆盖该类，您可以使用nav.app-bg或使用 !important 在这里您可以检查 Material-UI 的覆盖