Html 防止CSS样式表应用于某些Div

我目前正在为我网站上的一个页面使用引导CSS框架。问题是，引导中包含的CSS样式会弄乱我的侧边栏的格式，因为它会更改颜色、字体大小、字体系列等。。。有没有一种方法可以使我的工具条id中的所有内容不受引导CSS的影响，即使例如，有h1的CSS规则，并且我的工具条中有h1标题

我尝试过但没有成功的方法

我最初使用了引导式CSS，试图消除导致问题的CSS规则，但CSS太长，删除导致问题的某些样式会产生其他不利影响

我试着自定义下载的引导样式，但它仍然弄乱了我的边栏

我尝试将内联样式添加到每个元素中，以超越引导样式，但由于某些原因，侧边栏看起来仍然不一样

---

这使我得出结论，最好的解决方案是以某种方式防止引导样式影响侧栏。如果可能的话，我该如何做？

最简单的方法是手动将“重置”属性添加到侧边栏

Bootstrap仍会将其样式应用于所有侧栏，但是如果元素id为

#yoursidebar

，则可以重置Bootstrap所做的一切

#yoursidebar {
    border: none;
    padding: 0;
    border: 0;
    /* ...and anything else needed to reset bootstrap styles... */

    /* ...add your custom style here...... */

}

---

您可以将自己的类添加到侧边栏，然后使用该类设置其样式

---

更好的方法是：不要更改引导核心文件。添加一个新的样式表，然后在引导样式表之后的标题中调用它。第二个（如custom.css）将覆盖引导样式。

我尝试过这样做，但仍然无法解决问题。我甚至把main.css移到了标题中bootstrap css之后，但不管出于什么原因，它都不起作用。也许在引导中有某些更具体的样式，或者如果可能的话，这些样式被赋予了更大的权重。我甚至尝试添加！重要信息能否将链接发送给我，以便我可以查看？www.ninjawarrior.info，问题在于侧边栏（如果单击菜单的汉堡图标，然后单击其中一个图像，您可以看到它）。然后转到www.ninjawarrior.info/disables.html，做同样的事情，并注意侧边栏之间的差异。你能澄清一下“重置引导所做的一切”是什么意思吗？这听起来像是在正确的轨道上。检查此链接：您必须知道应用了哪些引导属性并“还原/重置”它们。