防止CSS样式表应用于某个Div

Question

我目前正在为我网站上的其中一个页面使用bootstrap CSS框架。问题是Bootstrap中包含的CSS样式会混淆我的侧边栏的格式，因为它会改变颜色，字体大小，字体系列等...有没有办法可以在我的侧边栏ID中创建所有内容不受bootstrap CSS的影响，即使例如h1有CSS规则，我的侧边栏中有h1标题？

我试过的不起作用

我最初通过Bootstrap CSS尝试消除导致问题的CSS规则，但CSS过于冗长，删除导致问题的某些样式会产生其他不利影响。

我尝试自定义下载的引导程序样式，但它仍然搞砸了我的侧边栏

我尝试为每个元素添加内联样式以覆盖Bootstrap样式，但由于某种原因，侧边栏仍然看起来不一样。

这使我得出结论，最好的解决方案是以某种方式阻止Bootstrap样式影响侧边栏。我怎么可能这样做？

Answer 1

最简单的方法是手动添加＆＃39;重置＆＃39;侧栏的属性。

Bootstrap仍会将其样式应用于所有侧边栏，但是如果元素id为#yoursidebar，则可以重置引导程序所执行的所有操作。

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

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

}

Answer 2

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

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