样式无对应定义规则时浏览器的渲染行为是怎样的？

• 判定为false的媒体查询内的所有CSS规则会被浏览器完全排除在当前的样式层叠计算之外，相当于这部分规则从未被定义
• 引用了该未生效样式的DOM元素，会回退到使用浏览器默认样式，或者其他当前能匹配生效的CSS规则，不会出现页面报错、渲染崩溃等异常
• 浏览器控制台不会主动抛出CSS相关错误，只有在元素审查的样式面板中，能看到该媒体查询下的规则处于灰化禁用状态
• 若规则中包含资源类定义比如background-image，大部分现代浏览器会延迟到媒体查询匹配为true时再加载对应资源，不会占用当前页面的加载带宽

注意：仅匹配失败的当前媒体查询块内的规则会被忽略，其余非媒体查询定义、其他匹配成功的媒体查询中的同名样式规则不受影响。

内容的提问来源于stack exchange，提问作者user223364