我有一个与引导程序一起使用的自定义CSS。一直以来，我都是在引导之前先编写CSS，然后我意识到应该在CSS之前先编写引导。现在我在渲染方面遇到了问题，例如字体大小和颜色，尤其是我在CSS文件中自定义的Bootstrap的class=sidenav。
<link rel="stylesheet" href="/template/style.css">
bootstrap CSS
对于以上内容，我的网页按照我的意愿加载(到目前为止(。CSS中的hover代码工作正常。但当我尝试定制其他东西时，它们不起作用。
bootstrap CSS
<link rel="stylesheet" href="/template/style.css">
对于以上内容，我的网页加载了我的样式，除了字体大小不同，但sidenav的颜色与第一种情况相同。(即根据我的自定义CSS文件(我的CSS中的hover代码工作正常。
但是如果我尝试不同的(正确的(href，例如<link rel="stylesheet" href="/website/template/style.css">，则我的sidenav的颜色将消失，但字体大小将根据我的CSS而定CSS中的hover代码无法正常工作。
发生了什么事？
我认为这是您的问题。
给定此订单：
<link rel="stylesheet" href="styles1.css" />
<link rel="stylesheet" href="styles2.css" />
# style1.css
.my-class .very-specific .class-selector { color: red; }
# style2.css
.my-class .class-selector { color: blue; }
颜色将输出为红色，因为第一个CSS文件更具体。
查看href=的路径，我认为它无法在html中呈现，因为它不正确。
如果您指向的是index.html文件所在的同一目录，则不需要在模板前面添加/。
尝试使用：
<link rel="stylesheet" href="./template/styles.css">
/指向当前目录。或者你可以试试
<link rel="stylesheet" href="template/styles.css">