Javascript 如何停止覆盖引导Css样式

问题

我有一个样式表（引导），当应用于标题时，它会覆盖我的个人样式

当调用js时，我确实需要这些引导样式，否则弹出的对话框是未设置样式的

---

如何防止我自己的风格被覆盖？

就像评论中提到的Nick R一样-顺序在这里很重要。加载样式表时，浏览器将“覆盖”样式。例如，如果有两张图纸：

.darkdiv {
    color: #fff;
    background-color: #000;
}

然后是带有以下内容的样式表：

.darkdiv {
    color: #888;
}

---

任何类别为“darkdiv”的元素都将保留原始背景色，但有灰色（#888）文本，因为该样式被第二个样式表“覆盖”。

我没有完全理解您的问题，但我理解如下：

1-您正在项目中使用Twitter引导，它正在覆盖您的样式表
2-你需要一个弹出对话框的引导，而不是别的

从第一个问题开始，你可以：

-调用Bootstrap的css后调用您的手工样式表。
-更改样式表CSS类和ID。
-根据ID对类进行层次化，例如：

#foo{
    color: black;
}
#foo .bar{
    color: white;
}

#foo .bar>li{
    margin: 10px;
}

-加一个“！受影响课程后的“重要信息”（完全不推荐）

对于第二个问题，您可以：

---

-对你的boostrap进行Costumize，你可以选择某些插件（比如popup），并排除其他你不使用的插件。（）

首先加载引导css，然后加载自定义样式表。您应该只加载真正需要的部分。然后您可以使用“最近的”CSS选择器。确保这不会与您的样式表交互的一种方法是为类使用前缀。@NickR这不起作用，我想一定有一些样式我没有使用过。我的样式表不会覆盖它们。@moose您能解释一下“真正需要的公园”是什么意思吗？bootstrap css有5000行代码，里面有我以前从未见过的东西，寻找我不需要的东西可能需要几天的反复试验。你知道Chrome或Firebug的检查员吗？使用该工具，您可以很容易地找到应用于您看到的图元的样式。或者使用自定义版本的bootstrap（）（我认为这是您所需要的模式）。我知道@problemPotato的工作表是如何工作的，我只需要为js调用的对话框设置5000行代码的样式，我认为它的样式一定不会被我的样式表所覆盖。因此，我希望有一种只在需要时才调用表单的方法，然后被丢弃？是的，这正是我需要的！非常感谢，那么从您编写的内容来看，引导程序是一个样式表，其中有其他不适用于弹出对话框的样式？我没有意识到这一点，这就解释了为什么它正在扼杀我的个人风格表！好的，我有两种可能的解决方案选择自定义引导或使用！重要！这些听起来很棒！为什么只是出于兴趣你不推荐使用！important@DanCundy好吧，这是最棒的！在某些情况下，“重要”可能会让您感到困惑，而且它在语义上是不正确的，因为您正在覆盖它，而您可以避免它。是的！Bootstrap是一个工具箱，弹出窗口只是一个工具。你只能下载你想要/需要的东西。别忘了把你的问题设为已回答@DanCundy和我认为最好的做法是，不仅选择引导中使用的内容，而且修复类顺序，这样就不会再有样式表溢出的问题。修复我的类顺序是什么意思？在标题中引用css的顺序？顺便再次感谢您的回答。：）@如果你愿意的话，上传你的CSS和HTML，我来看看。以我上面的小片段为例，您可以设置ID，例如，它可以是您的页面容器，然后才设置其子级，但始终将ID引用为父级。