第二个@media 查询不起作用

Question

我正在开发一个网站，我想使用媒体查询来更改两种不同屏幕尺寸的一些 CSS。我希望 new new css.css 成为主要 css，然后 medium.css 中的规则在屏幕宽度介于 955px 和 650px 之间以及 small .css 在屏幕宽度低于 650 像素时启动

这是指向我的 HTML 中样式表的链接

<link href="new new css.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" media="only screen and (max-width: 955px) and (min-width: 650px)" href="medium.css" />
<link href="small.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 650px) />

medium.css 可以正常工作，但低于 650 像素时，页面会返回到仅使用 new new css.css 并且没有 small 中的任何规则.css 应用

Answer 1

此部分没有右引号：

type="text/css" media="only screen and (max-width: 650px) />

应该是

type="text/css" media="only screen and (max-width: 650px)" />