我在家里使用javascript在apache上运行personal site设置，现在刚刚开始使用Server Side Includes。我有一个样式导航栏保存为我的网站的根目录中的单独的HTML文件。在这个文件中有一些Style（CSS），当包含这个导航栏（包含样式）时，样式将归因于navbar.html文件中不包含的所有其他内容。代码link here。以下部分代码。
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
width: 100%;
}
li {
float: left;
}
li a, .dropbtn {
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li.dropdown {
display: inline-block;
}
这是navbar.html文件中CSS的一小部分，它包含在我的许多页面中。这意味着导航栏本身的样式（同样，它位于相同的navbar.html文件中，上面的链接）并且只有它自己。我发现如果我在这些页面上有其他（例如）无序列表，它们也会受到包含但仅适用于导航栏的样式的影响。我遇到的另一个问题是那些页面中的CSS实际上影响了导航栏（例如。here导航栏中的链接改变了颜色）。
所以，我想我的整体问题是，我如何制作它以使SSI包含的内容与实际页面上的任何其他样式分开？谢谢！