Var2

index.html:


<html>

    <head>
        <link rel="stylesheet" type="text/css" href="screen.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="handheld.css" media="only screen and (max-width: 480px), only screen and (max-device-width: 480px)" />
    </head>

    <body>
        <div id="output">Gr&uuml;n = PC<br>Rot = Handy</div>
        <div id="outimg"></div>
    </body>

</html>


handheld.css:

#output {
    color: red;
}

#outimg {
    background-image: url(handy.png);
}


screen.css:

#output {
    color: green;
}

#outimg {
    background-image: url(pc.png);
}