Pomembne sile spremembe v kaskadah
Eden od najboljših načinov, kako se naučiti kodiranja spletnih mest je ogled izvornih kod drugih spletnih mest. Ta praksa je, koliko spletnih strokovnjakov so se naučili svoje obrti, zlasti v dneh, preden je bilo na voljo veliko možnosti za tečaje spletnega oblikovanja , knjige in spletno izobraževanje.
Če poskusite to prakso in si ogledate kaskadne liste slogov (CSS), je ena stvar, ki jo vidite v tej kodi, črta, ki pravi: pomembno.
Kaj to pomeni in, prav tako pomembno, kako pravilno uporabite to izjavo v vaših slogovnih listih?
Cascade CSS
Najprej je pomembno, da razumete, da kaskadni listi slogov resnično kaskadno , kar pomeni, da se nahajajo v določenem vrstnem redu. Na splošno to pomeni, da se slogi uporabljajo v vrstnem redu, ki ga brati brskalnik. Uporabi se prvi slog in nato drugi in tako naprej.
Če se slog pojavi na vrhu liste slogov in se nato v dokumentu spremeni spodaj navzdol, je drugi primer tega sloga tisti, ki se uporablja v naslednjih primerih, ne prvi. V bistvu, če sta dva sloga rekla ista stvar (kar pomeni, da imajo enako raven specifičnosti), bo uporabljen zadnji seznam.
Na primer, predstavljamo si, da so bili v slogovnem listu vsebovani naslednji slogi. Besedilo odstavka bi bilo črno, čeprav je prvotna lastnost sloga rdeča.
To je zato, ker je "črna" vrednost navedena na drugem mestu. Ker je CSS bral od zgoraj navzdol, je končni slog "črna" in zato zmaga.
p {barva: rdeča; }
p {barva: črna; }
Kako pomembno spremeni prednost
Zdaj, ko razumete, kako CSS obdeluje skoraj enaka pravila, lahko pogledamo, kako pomembna direktiva spreminja stvari.
Pomembna direktiva vpliva na način, na katerega vaš CSS kaskade, ob upoštevanju pravil, za katere menite, da so najbolj odločilni in jih je treba uporabiti. Pravilo, ki ima pomembno direktivo, se vedno uporablja, ne glede na to, kje se to pravilo prikaže v dokumentu CSS.
Če želite besedilo odstavka vedno rdeče, iz zgornjega primera boste uporabili:
p {barva: rdeča! pomembno; }
p {barva: črna; }
Zdaj se bo celotno besedilo prikazalo rdeče, čeprav je "črna" vrednost navedena na drugem mestu. Pomembna direktiva prekliče normalna pravila kaskade in daje temu stilu zelo visoko specifičnost.
Če ste absolutno potrebni odstavki, da se pojavijo rdeče, bi ta slog naredil, to pa ne pomeni, da je to dobra praksa. Poglejmo si, kdaj boste morda želeli uporabljati! Pomembno in kadar to ni primerno.
Kdaj uporabljati! Pomembno
Pomembna direktiva je zelo koristna, ko preskušate in razhroščujete spletno mesto. Če niste prepričani, zakaj se slog ne uporablja in mislite, da je to lahko posebnost, lahko v slogu dodate pomembno deklaracijo, da vidite, če to popravi.
Če dodate! Pomembno resnično odpravlja težavo s slogom, ste pravkar ugotovili, da gre za vprašanje specifičnosti. Vendar ne želite, da zapustite to! Pomembno kodo v mestu, je bila tam le za testiranje namene.
Ker je testiranje opravljeno, morate zdaj odstraniti to direktivo in prilagoditi vašega izbirnika, da dosežete specifičnost, ki jo potrebujete za delovanje vašega sloga. Pomembno se ne bi smelo potegniti v vaše proizvodne strani, delno zaradi tega, kako spremeni normalno kaskado.
Če se preveč naslonite na pomembno deklaracijo za doseganje želenih stilov, boste sčasoma imeli slogovno listo, ki je bila obdana z pomembnimi slogi. Boste temeljito spremenili način, kako se ta stran CSS obdeluje. To je lenobna praksa, ki z dolgoročnega stališča upravljanja ni dobro.
Uporabite! Pomembno za testiranje ali v nekaterih primerih, ko morate nujno preglasiti inline slog, ki je del teme ali okvirja predlog.
Tudi v teh primerih uporabite ta pristop čim bolj varno in namesto tega si prizadevate napisati čiste liste slogov, ki razumejo kaskado.
Uporabniški listi
Obstaja ena zadnja opomba o pomembni direktivi, ki je bistvena za razumevanje. Ta direktiva je bila uvedena tudi za pomoč uporabnikom spletnih strani pri obvladovanju slogovnih listov, zaradi katerih so strani težko uporabljati ali prebrati.
Običajno, če uporabnik določi slogovni list za ogled spletnih strani, ta slogovni list zavrne avtorski slogovni list spletne strani. Če uporabnik označuje slog kot! Pomemben, ta slog prekriva slogovni list avtorja spletne strani, čeprav avtor označuje pravilo kot! Pomembno.
To je koristno za uporabnike, ki morajo na določen način nastaviti sloge. Na primer, nekdo bo morda moral povečati privzete velikosti pisav na vseh spletnih straneh, ki jih uporabljajo. Z uporabo vaše! Pomembne direktive zmerno na straneh, ki jih gradite, lahko prilagodite vse posebne potrebe, ki jih imajo vaši uporabniki.
Uredil Jeremy Girard