html css 链接导入顺序和覆盖

我必须在一个文件中定义四个 css 导入:

<link rel="stylesheet" media="not screen and (device-width: 1200px) and (device-height: 900px)"
  href="lib/sugar-web/graphics/css/sugar-96dpi.css">
<link rel="stylesheet" media="screen and (device-width: 1200px) and (device-height: 900px)"
  href="lib/sugar-web/graphics/css/sugar-200dpi.css">
<link rel="stylesheet" media="screen"
  href="lib/sugar-web/graphics/css/sugar-200dpi.css">
<link rel="stylesheet" href="css/activity.css">

我希望仅当上述屏幕媒体定义失败时才导入简单屏幕媒体 css(第三行:无任何条件)。标签的顺序是否正确？

(我想避免的是，无论如何都会加载第三个屏幕的 css)。

最佳答案

tried to search your issue?

“无条件”到底是什么意思？如果没有媒体查询触发 none 如果链接的 css 文件将被导入。为此，您的订单是正确的。

这是答案吗？!

关于html css 链接导入顺序和覆盖，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19296918/