CSS !important

important_thumb
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>

<head>
<style type="text/css"> 

 

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>

<head>
<style type="text/css"> 

 

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.

Vsi vodiči so na voljo BREZPLAČNO!
Pišite mi

Želite mnenje ali pomoč pri vašem projektu?

Pišite mi in bom pomagal, kakor bom v tistem trenutku lahko.