html - Bootstrap 覆盖我的风格

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