Avtor: -primož- 02.02.10

CSS trik s katerim brezpogojno določite neko lastnost nekemu HTML elementu. Koda, ki jo boste spoznali pride zelo prav v primerih, da nek HTML element ureja več različnih CSS razredov.

Kot preprost primer bom prikazal določanje ozadja na spletni strani.

HTML in CSS koda:

<html>

body {background-color:blue !important; background-color:red;}

</style>
</head>

<body>
</body>

</html>

PRIKAZ zgornje kode v akciji

Če pri prvem določilu barve ozadja ne bi bilo pripisano !important, bi bila barva ozadja zaradi dedovanja rdeča. Tako pa !important določi modri barvi višjo pomembnost, kot pa jo ima rdeča, ki je sicer definirana za modro in bi v splošnem povzročila rdeče ozadje.

Isto velja tudi v primeri, če bi bodyju določili poseben razred, ki ozadju posebej določa rdečo barvo. Določilo !important bi še vedno prevladalo in ozadje bi bilo še vedno modro.

HTML in CSS koda:

<html>

body {background-color:blue !important;}

.ozadje{background-color:red;}

</style>
</head>

<body class="ozadje">
</body>

</html>

PRIKAZ zgornje kode v akciji

Pazite le na to, da ne boste večrat uporabili !important za isto lastnost. V tem primeru bo v veljavo zopet stopilo dedovanje.

Komentiraj:

Sorodni vodiči
CSS gumb - oblikovanje submit gumba DIV z drsniki Posebne pisave oz. fonti na spletni strani Zamenjava slike s pomočjo CSS HOVER Statična glava in noga s CSSjem	CSS sprites meni s hover efektom CSS kode 1 Vodoravni seznam CSS galerija 650 predelava in nadgradnja CSS in povezave