Html 防止旧css文件干扰引导导航栏

我有一个完成的（旧）页面，现在我想添加一个引导导航栏

第一步是，在引导样式文件中设置一个包装器，以避免干扰旧网站。 这是由较少的工作和伟大的

但另一个问题是，旧网站的css文件干扰了导航栏的css

导航栏包括如下内容：

<div id="navbar-wrapper">
    -- navbar --
</div>

---

是否有办法防止其他css文件干扰导航栏（更改旧css或通过iframe包含导航栏对我来说不是解决方案）

您的新css中泄漏了旧css。从您的JSFIDLE中，我可以看到

common.css

中定义了类

.dropdown

，它也在Bootstrap的css中定义。这就是破坏你的布局的原因。您需要重置或撤消先前定义的

.dropdown

，以修复出现的显示问题

例如，根据您的JSFIDLE：

#mainNavbar .dropdown {
    position: static;
    left: auto;
    top: auto;
    z-index: auto;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

更新的JSFIDLE:

---

注意：如果“重置”

，则不需要CSS id
#主导航栏
。下拉列表

类是在

之后定义的。下拉列表

类是在

common.CSS

中定义的。你能用小提琴来发布代码吗，有一个选项可以添加bootstrap.csi复制了编译较少的引导文件bootstrap-less.css：在这里你可以看到问题1）我会确保所有的navbar类都被你的id正确地“限定范围”，2）更重要的是，旧样式表的特殊性可能会泄漏到导航栏样式中，即使您已经正确地“确定”了引导样式的范围。是否有可能将旧代码隐藏在注释中？不，因为旧页面需要旧css，所以我无法对其进行注释，效果很好：）您能告诉我，为什么导航栏中没有引导样式吗？我不是指结构，我是指颜色……如果你说的是导航栏项目的字体大小、颜色和背景色，那么这是同一个问题。字体大小由

common.css

中的

body

设置在第59行，背景色由

中的
.navbar
设置在
color.css
中，它看起来像是您为自己设置的链接颜色。这说明了什么吗？谢谢你的回答：）问题是，我把id直接放在导航栏上，然后在那里放了一个#mainNvabar。导航栏无法更改导航栏的样式。所以我用那个id把导航条包起来了。
#mainNavbar .dropdown {
    position: static;
    left: auto;
    top: auto;
    z-index: auto;
    border: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
}