Kaj pomeni! Pomembno pomeni v CSS?

The best protection against click fraud.

Eden najboljših načinov, kako se naučiti kodiranja spletnih mest, je pogled na izvorne kode drugih spletnih mest. Ta praksa je, koliko spletnih strokovnjakov se je naučilo svoje obrti, še posebej v dneh, preden je bilo toliko možnosti oblikovanje spletnih strani tečaji, knjige in spletna mesta za usposabljanje.

Če preizkusite to prakso in si ogledate kaskadne sloge strani, lahko v tej kodi vidite eno vrstico, ki pravi ! pomembno. Ta izraz spreminja prednost obdelave v slogu.

Kodiranje CSS
E + / Getty Images

Kaskada CSS

Kaskadni stilski listi resnično kaskada, kar pomeni, da so postavljeni v določenem vrstnem redu. Na splošno se slogi uporabljajo v vrstnem redu, kot jih bere brskalnik. Uporabi se prvi slog in nato drugi itd.

Kot rezultat, če se slog prikaže na vrhu slogovnega lista in se nato spremeni spodaj v dokumentu, je drugi primerek tega sloga tisti, ki se uporablja v naslednjih primerih, ne pa prvi. V bistvu, če dva sloga govorita isto (kar pomeni, da imata enako stopnjo specifičnosti), bo uporabljen zadnji našteti.

instagram viewer

Na primer, predstavljajmo si, da so bili naslednji slogi v slogovnem listu. Besedilo odstavka bi bilo upodobljeno v črni barvi, čeprav je prva uporabljena lastnost sloga rdeča. Vrednost "črna" je navedena na drugem mestu. Ker se CSS bere od zgoraj navzdol, je končni slog "črn" in zato tisti zmaga.

p {barva: rdeča; }
p {barva: črna; }

Kako! Pomembno Spremeni prioriteto

The ! pomembno direktiva vpliva na način, kako se kaskadi CSS ob upoštevanju pravil, ki se vam zdijo najpomembnejše in jih je treba uporabiti. Pravilo, ki ima to direktivo, se vedno uporablja ne glede na to, kje se to pravilo pojavi v dokumentu CSS.

Če želite, da je besedilo odstavka vedno rdeče, v prejšnjem primeru spremenite slog na naslednji način:

p {barva: rdeča! pomembno; }
p {barva: črna; }

Zdaj bo vse besedilo prikazano v rdeči barvi, čeprav je vrednost "črna" navedena na drugem mestu. Direktiva! Important preglasi običajna pravila kaskade in daje temu slogu zelo visoko specifičnost.

Če bi odstavki absolutno potrebovali rdeče odtenke, bi to naredil ta slog, vendar to ne pomeni, da je to dobra praksa.

Kdaj uporabiti! Pomembno

Direktiva! Important je koristna pri preskušanju in odpravljanju napak na spletnem mestu. Če niste prepričani, zakaj se slog ne uporablja in mislite, da gre za konflikt glede specifičnosti, dodajte izjavo! slog, da preverite, ali je to odpravljeno - in če se to zgodi, spremenite vrstni red izbirnikov in odstranite pomembne direktive iz svoje produkcije Koda.

Če se preveč nagibate k! Pomembni deklaraciji, da bi dosegli želene sloge, boste sčasoma dobili slogovno listo, polno pomembnih stilov Bistveno boste spremenili način obdelave CSS-ja strani. To je lena praksa, ki z dolgoročnega vidika upravljanja ni dobra.

Uporabite! Pomembno za testiranje ali, v nekaterih primerih, kadar morate nujno preglasiti vrstni slog, ki je del okvira teme ali predloge. Tudi v teh primerih uporabite ta pristop zmerno in namesto tega pišite čiste slogovne liste, ki spoštujejo kaskada.

Uporabniške sloge

Ta direktiva je bila uvedena tudi za pomoč uporabnikom spletnih strani pri spopadanju s slogovnimi listi, ki strani otežujejo pri njihovi uporabi ali branju.

Kdaj nekdo definira slog če si želite ogledati spletne strani, je ta slog razveljavljen s slogom avtorja strani. Če uporabnik slog označi kot! Pomemben, ta slog preglasi slog sloga avtorja spletne strani, tudi če avtor pravilo označi kot! Pomembno.

Ta hierarhija je koristna za uporabnike, ki morajo na določen način nastaviti sloge. Na primer, čitalnik za slabovidne bo morda moral povečati privzete velikosti pisav na vseh spletnih straneh, ki jih uporabljajo. Z varčno uporabo vaše! Pomembne direktive na straneh, ki jih ustvarite, prilagodite edinstvene potrebe bralcev.

instagram story viewer