2011-05-23 74 views
5

我正在生成一个独立的HTML文档,约束条件是文档必须只是一个文件。我希望使用CSS来确保在浏览器中查看文档中的链接时可见且可发现(可能带有下划线的蓝色),但在打印文档时消除大部分格式。设置CSS媒体类型内嵌

这可能只是一个<style>块吗?

是否有可能通过JavaScript jiggery-pokery获得我想要的内容?

+3

'jiggery-pokery'不是一个技术术语。请定义。 (: – Hogan 2011-05-23 17:22:29

+1

我在这里使用'jiggery-pokery'作为'klu [d]?ge'的同义词。 – 2011-05-23 18:05:43

回答

7

您可以在<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 */