设置CSS媒体类型内联

Question

我正在生成一个独立的HTML文档,约束条件是文档必须只是一个文件.我想使用CSS来确保文档中的链接在浏览器中查看时是可见的和可发现的(可能是带有下划线的蓝色),但是在打印文档时会消除大部分格式.

这可能只是<style>一块？

是否有可能通过JavaScript jiggery-pokery获得我想要的东西？

Answer 1

您可以在<style>块中使用@media或@import,并设置特定于媒体类型的样式.

在这里阅读更多内容:http://www.w3.org/TR/CSS2/media.html

@media print {
  /* print styles */
  a {color:#333}
}
@media screen {
  /* screen only styles */
  a {border-bottom:1px solid blue}
}
/* general styles here */