Večkratno določanje slogov

<link rel="stylesheet"
type="text/css" href="kako.css"  />
<link rel="stylesheet"
type="text/css" href="css.css" />
<style type="text/css">
#test {background-color: orange;}
</style>

#test
{
background-color: red  !important;
}

 Slog1 je uporabljen.

#test
{
border-right : green 4px solid;
background-color : silver;
}

 Slog2 je uporabljen.

#test
{
border-right: green 4px solid;
background-color : red;
}

Kadar noben od zunanjih slogov ni uporabljen, je barva ozadja vzeta iz notranjega sloga (oranžna). Notranja slogovna predloga ima tudi prednost pred zunanjo.

Če pa uporabimo zunanjo slogovno predlogo, je potrebno za določitev neke lastnosti, ki je določena tudi v notranji slogovni predlogi (kot je podano v prvem primeru kako.css) uporabiti !important da bo prikazana določena lastnost, ki je ze podana v notranjem slogu in jo hočemo spremeniti, v tem primeru rdeče ozadje.

Če pa vpišemo lastnost brez !important, te lastnosti ne bo uporabil, ko je razvidno iz slogovne predloge kako.css, v kateri je izbrana barva ozadja srebrna.