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 */

设置CSS媒体类型内联

1 个答案: