CSS Important

Prati ovu temu
22.5.2009 22:58#1 - CSS Important
joze
Web Designer
Postova: 256

Čemu služi ova opcija?

GtaBalkan.com | Yachts | Trajina

23.5.2009 13:19#2 - RE: CSS Important
mmikic
WM development
Administrator
Mario Mikić
Postova: 256

U CSS dokumentu, pravila stiliziranja se primjenjuju po poretku (odtud i C u CSS-u, cascading). Ako si ikada radio malo više sa CSS-om znaš da se može dogoditi situacija da definiraš neke stilove za određeni element, a kasnije ih opet slučajno (ili namjerno) prebrišeš sa novim stilom. Možda zvuči malo konfuzno, pa bacimo pogled na primjer:

Pri vrhu CSS dokumenta smo definirali da tag <span> sa klasom "green" ima zelena slova.

#wrapper span.green { 
color: #FF00FF;
}

Kasnije, dakle niže u tom istom dokumentu smo napisali da taj isti tag ima crvena slova.
#wrapper span.green { 
color: #00FFFF;
}

Na kraju, kada se prikazuje taj tag, slova su crvena. Tu dolazi atribut "!important". On jednostavno govori da ukoliko određeno pravilo uz sebe ima "!important" njega nije moguće kasnije u tom dokumentu prebrisat.

Dakle, ako želimo da slova i dalje budu zelena, napraviti ćemo slijedeće:
#wrapper span.green { 
color: #FF00FF !important;
}

Možda ako znaš PHP, slično tomu bi bio final keyword kod funkcija.

Editirano od mmikic, 23.5.2009 13:21

Pretraga