我有一个非常奇怪的问题（对我来说，无论如何）
我使用以下代码从我的 html 链接了两个 css 文件：
<link rel="stylesheet" type="text/css" href="global.css"/>
<link rel="stylesheet" type="text/css" href="menu.css"/>
一切正常。但为了减少 HTTP 请求，我想我会将它们合并到一个文件中。于是我把menu.css文件复制粘贴到了global.css文件的最上面，取出了第二行。
执行此操作后，css 无法正确渲染。更奇怪的是，我通过将一些选择器 css 块移动到 css 文件中的不同位置来进行实验，并且呈现方式不同。然而，这种不同的渲染显然不是浏览器问题，因为它在至少 3 个不同的浏览器中以相同的方式渲染。
渲染差异包括我注意到的定位、边框颜色和字体样式问题，这取决于我如何安排 css 选择器代码块。所有这些都与菜单 css 相关。
即使我将菜单 css 代码留在全局文件中，只要我链接到 menu.css 文件，它就会按预期工作（尽管代码被完全复制到 global.css 文件中，因此menu.css 文件是重复的）。
我试图找到一个解决方案，但我没有找到任何相关的东西，所以我想知道是否有人以前遇到过这个问题，或者你是否知道可能是什么问题。
我将不胜感激一些方向。：） 谢谢！