<link href="style.css" rel="stylesheet">

<link href="default.css" rel="stylesheet" title="Default Style">

<link href="fancy.css" rel="alternate stylesheet" title="Fancy">

    <meta http-equiv="default-style" content="preferred">

    <style title="preferred">
        p {
            background-color:black;
            color:white;
            }
    </style>

    <link rel="stylesheet" href="./expt.css" title="default">

    p {color: green;}

    <p>Earth</p>

1. The internal stylesheet, although appearing before the external stylesheet, takes precedence as it is the default-style ("preferred")
2. The external stylsheet is completly disabled
3. For this tecnique to work, both stylesheets must have a title attribute, otherwise the stylesheet is persistent (see entry for link)

   <style>
        #myid {
            background-color:black;
            color:white;
        }
    </style>

   <p id="myid" style="color:red;background-color:blue">Earth</p>

1. Note that inline style= overrides id