JezK
Edit File: media.css
@media print { .class { color: blue; } .class .sub { width: 42; } .top, header > h1 { color: #444444; } } @media screen { body { max-width: 480; } } @media all and (orientation: portrait) { aside { float: none; } } @media handheld and (min-width: 42), screen and (min-width: 20em) { body { max-width: 480px; } } @media print { body { padding: 20px; } body header { background-color: red; } } @media print and (orientation: landscape) { body { margin-left: 20px; } } @media a, b and c { body { width: 95%; } } @media a and x, b and c and x, a and y, b and c and y { body { width: 100%; } } .a { background: black; } @media handheld { .a { background: white; } } @media handheld and (max-width: 100px) { .a { background: red; } } .b { background: black; } @media handheld { .b { background: white; } } @media handheld and (max-width: 200px) { .b { background: red; } } @media only screen and (max-width: 200px) { width: 480px; }