我在@import上看到了一些关于覆盖样式的类似问题，人们建议将@import置于底部，但这似乎不适用于此。
--- index.html ---
<head>
<link rel="stylesheet" href="style.css" />
</head>
<body>
This text should be green.
</body>
--- style.css ---
body {color: red;}
@import url('style-override.css');
--- style-override.css ---
body {color: green;}
上面的示例将输出红色文本，而绿色则是预期的。
有谁能解释一下？
这是行不通的，因为在样式表中声明的任何导入规则必须先于其他所有内容 - 否则，......好吧，它不起作用;）。
那么，你的style.css样式表中你应该拥有的是：
@import url('style-override.css');
body {color: red;}
@import规则必须在顶部。这就是CSS spec.所说的：
任何@import规则必须在样式表中的所有其他at-rules和样式规则之前（除了@charset，它必须是样式表中存在的第一件事），否则@import规则无效。