Beispiel für screen.css und print.css
screen.css
.logo {
background: url(img/logo.gif);
}
print.css
.logo:after {
content: url(img/logo-print.gif);
}
Das Pseudoelement :after sorgt dafür, dass hinter dem div mit der Klasse „logo“ das Bild logo-print.gif eingefügt wird. Zwar lässt sich hier kein repeat, position oder ähnliches eingeben, wie es bei Hintergrundbildern möglich ist, allerdings wird das Logo so mit ausgedruckt, da es hier keine Hintergrundgrafik mehr ist.