bootstrap css如何解决冲突

Question

我保存并使用了bootstrap css，但它与我的主要css冲突。

它有标签 body，html，a，img，p ...我的css丢失了配置

如何在没有碰撞的情况下使用bootstrap css？ 谢谢

Answer 1

尝试在Bootstrap CSS之后导入自定义CSS。

在CSS中，“！important”后缀最初旨在提供一种覆盖作者样式表的方法。用户可以定义自己的“用户样式表”，并可以使用此后缀使其规则优先于作者（网站创建者）的样式。 不幸的是，而且可以预见的是，它的使用已大规模扩散，但并未朝着正确的方向发展。如今，它用于抵消必须处理CSS特异性的痛苦，否则称为规则集，规定“div h1 a”是比“div a”更具体的选择器。大多数每天使用CSS的人对CSS特异性的了解不足以解决他们的问题而不使用“！important”后缀。

Answer 2

1. 尝试合并到一个CSS中，多个CSS会减慢网站的速度。
2. 甚至，Bootstrap也有自己的body，html等标签。您必须编辑它们或删除/评论它们。所以它避免了冲突。
3. 通常，最后一个CSS属性将被应用，所以如果你把你的身体，html等放在Bootstrap.css的末尾，那可能会有用，但不推荐。

Answer 3

1.使用！important属性在css文件中运行这些样式。 bootsrtap css使用bootstrap css覆盖或扩展你的css所以如果你想覆盖某些类的整个css最好使用！important属性。

2.如果你在代码中使用脚本，那么很容易区分css样式。