CSS3 Media Directive is very powerfull , can be used with link, in CSS File or part of import statement.
<link rel="stylesheet" type="text/css" media="print" href="serif.css">
@media print { .hideOnPrint { display:none; visibility:hidden; } }
/* doesn't work in style tag */
@import url( color.css ) print and (color)
Supports both CSS2 media types and CSS3 Media Queries
For Mobile devices you can rely on media queries orientation, height, width and dpi.
| @media all { td#all { color: yellow; } } | This is yellow always |
| @media print { td#hideOnPrint { display:none; visibility:none; } } | This is present only on a non print device |
| @media screen { td#red {color: red;} } | this is red on a color screen (b/w on any thing else" |
| @media only screen and color, print {color: red;} | Red on print and color screen |