这就是我所拥有的,它适用于IE7,但不适用于Firefox:
@media screen { @import 'screen.css'; }
它在Firefox中的@media块之外工作:
@import 'screen.css';
更新:
这有效:
@media screen { .yui-d3f { border: 1px solid #999; height: 250px; } }
我错过了什么?
Firefox遵循CSS2规范,而IE正在快速而宽松地播放.
确切的原因是@import
指令必须是可选@charset
指令之后的第一个指令.它们不能出现在任何区块内.如果要@import
仅应用于一种媒体类型,请在导入的URI后指定.
以下是CSS2规范的相关部分:6.3 @import
规则.