Question

问题

我有一个样式表（引导程序），当在标题中应用时会覆盖我的个人风格。

在调用js时我确实需要这些引导样式，否则弹出的对话框是无样式的。

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

Answer 1

我没有完全理解你的问题，但这就是我所理解的：

1-您正在项目中使用Twitter Bootstrap，它会覆盖您的样式表。
2-你需要一个弹出式对话框的引导程序，而不是其他任何内容。

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

在调用Bootstrap的CSS后，调出手工制作的样式表 - 更改样式表CSS类和ID - 从ID中分层您的类，例如：

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

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

- 添加一个重要的＆＃39;在受影响的课程之后（根本不推荐）。

对于第二件事，你可以：

- 使用你的boostrap，你可以选择某些插件（例如弹出窗口），并排除你不能使用的其他插件。（Costumize Bootstrap）

Answer 2

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

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

然后是一个样式表：

.darkdiv {
    color: #888;
}

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