@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;
}