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