## media selector

CSS2 defines a media selector for different media types.

### link

Incorporate as part of the "link" element:

    <link rel="stylesheet" type="text/css" media="all" href="screen.css" />
    <link rel="stylesheet" type="text/css" media="print" href="print.css" />

### @media selector

Or, use "@media" selector in style rule:

    @media print {
       body { font-size: 11pt; }
     }
     @media screen {
       body { font-size: medium; }
     }
     @media print {
       body {
         font-size: 12pt;
         color: black;
         background-image: none;
         background-color: white;
       }
       nav {
         display: none;
       }
       hr {
         page-after: page;
       }
    }