为什么我的HTML文档总是加载两个外部样式表的最后一次出现？

我想使用媒体查询进行响应性网页设计。对于开始，我想有两个不同的CSS文件，如果宽度高于900px或低于900px

我就是这样集成外部样式表的：

<link id="Min900" rel="stylesheet" type="text/css" href="style/Min900/schwarz.css" media="screen and (min-width: 900px)" />
<link id="Max899" rel="stylesheet" type="text/css" href="style/Max899/schwarz.css" media="screen and (max-width: 899px)" />

有趣的是加载了最后一个指定的外部样式表。如果我切换两者的顺序，则另一个样式表可以工作

---

但是它们应该根据浏览器的宽度而改变。

我的建议是将这两个样式表合并到一个文件中。您将引入一个额外的html请求，按照您的方式执行，这将降低您的站点速度。另外，最后一个加载的原因是它们的名称相同，因此浏览器正在更新css文件，即使它们来自两个不同的路径。如果不想将它们组合起来，请尝试重命名一个CSS文件。

如果尝试重命名一个CSS文件，问题会自行解决吗？有多个样式表调用是一个可怕的想法。如果您试图在开发时将CSS分成多个文件以方便使用，那么我建议您只在开发环境中使用CSS，然后为生产环境编译和缩小CSS。谢谢您的回答！！！重新命名后，我再也没有问题了。我在javascript中使用了相同的函数名。顺便说一句，我如何接受评论作为回答？：）我重新命名了文件，确实解决了我的问题。但是使用两个外部样式表的原因是为了在客户端浏览器的不同宽度上使用不同的文件。但是，通过在单个CSS文件中进行媒体查询，可以更有效地执行这些操作。例如，在您的样式表末尾：@media（max width:899px）{/*您的899文件中的所有代码*/}。此外，如果我的答案对您有效，请记住接受它。谢谢哦，好吧，我不知道。这确实是一个更好的解决方案，谢谢！