引导程序覆盖我的风格[重复]

Question

bootstrap.css 压倒了我的风格......我怎样才能避免这种情况发生？如何强制 css 先加载？

一个问题是它需要的网站正在使用@import 来加载css文件（这是无法更改的，客户不想更改它）。

有什么想法吗？

***注意****

我根本无法修改当前站点。我只需要包含 bootstrap.css 而不覆盖其他任何内容。这可能吗？

Answer 1

您需要编写一个更具体的选择器。请记住，ID 的权重最大。您可以暂时用!important 标记它，以检查您是否正确定位它。

例如，如果您要定位列表项中的锚点，则要覆盖重置样式，您可以编写类似nav ul li a{color: black;}

Answer 2

您只需要增加规则的特异性。这意味着向您的选择器添加更多内容，假设您有.elem { color: blue; }，您可以将其设为.parent .elem { color: blue; }

或使用 !important，例如 .elem { color: blue !important; }