看mdn的css教程,media print用@import导致css出现问题

mdn的教程有一节是讲media的,里面例子是media print
代码和效果如下
图片描述
图片描述
图片描述
后面有个练习是将css中的@media print部分写到一个新的css里,然后用@import引入,但是引入以后的print预览出现了问题,似乎是和非media中的元素出了冲突,"heading for page media"和页脚都不显示,把非media的两行注释掉,可以显示了,但是页脚的计数器无效,效果如图
图片描述

还有@import必须放到css的最前面的,他的加载覆盖规则和普通的link不同么,希望有人能解答。

阅读 2.3k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题