Važna snaga promjena u kaskadi
Jedan od najboljih načina da naučite kako kodirati web stranice je pogledati izvorne kodove drugih web mjesta. Ova praksa je koliko web stručnjaci naučili svoje zanatstvo, osobito u danima prije nego što postoji toliko mogućnosti za web dizajn tečajeve , knjige i online trening sučelja.
Ako isprobate ovu praksu i pogledate stranice s kaskadnim stilom (CSS) stranice, jedna stvar koju vidite u tom kodu je linija koja kaže! Važno.
Što to znači i, jednako važno, kako ispravno upotrijebite tu izjavu u svojim stilskim listovima?
Kaskada CSS-a
Prije svega, važno je shvatiti da se kaskadni stilski listovi zaista kaskadaju , što znači da su postavljeni u određeni redoslijed. Općenito, to znači da se stilovi primjenjuju redoslijedom kojim ih pregledava. Primjenjuje se prvi stil, a zatim drugi i tako dalje.
Kao rezultat toga, ako se stil pojavljuje na vrhu tablice stilova, a zatim se mijenja niže u dokumentu, druga je instanca tog stila ona koja se primjenjuje u sljedećim primjerima, a ne prvi. U osnovi, ako dva stila govore istu stvar (što znači da imaju istu razinu specifičnosti), upotrijebit će se posljednja navedena.
Na primjer, zamislimo da su sljedeći stilovi sadržani u listi stila. Tekst odlomka bi se prikazao crnim, iako je primijenjena prva svojstva stila crvena.
To je zato što je "crna" vrijednost navedena druga. Budući da se CSS čita od vrha do dna, konačni stil je "crn" i stoga se pobjeda.
p {boja: crvena; }
p {boja: crna; }
Kako važno mijenja prioritet
Sada kad shvatite kako se ta gotovo identična pravila obrađuju u CSS-u, možemo pogledati kako važna direktiva mijenja stvari malo.
Važna smjernica utječe na način na koji vaši CSS kaskadama slijede pravila koja smatrate najvažnijima i trebaju se primijeniti. Pravilo koje ima važnu direktivu uvijek se primjenjuje bez obzira gdje se to pravilo pojavljuje u CSS dokumentu.
Da bi tekst odlomka uvijek bio crven, iz gore navedenog primjera koristit ćete:
p {boja: crvena! važno; }
p {boja: crna; }
Sada će se tekst pojaviti crveno, iako je "crna" vrijednost na drugom mjestu. Važna direktiva nadjačava normalna pravila kaskade i daje toj stilu vrlo visoku specifičnost.
Ako apsolutno treba da se odlomci pojave crveno, taj stil bi to učinio, ali to ne znači da je to dobra praksa. Pogledajmo sljedeće kada biste mogli koristiti važne i kada to nije prikladno.
Kada koristite Važno
Važna smjernica vrlo je korisna prilikom testiranja i ispravljanja web stranica. Ako niste sigurni zašto se stil ne primjenjuje i misli da je možda problem specifičnosti, možete dodati važnu izjavu u svoj stil kako biste provjerili je li to ispravljeno.
Ako dodavanje važno zaista popravlja stilski problem, upravo ste odredili da je problem specifičnosti. Međutim, ne želite ostaviti to! Važan kod na mjestu, samo je stavljen tamo u svrhu testiranja.
Budući da je testiranje izvršeno, sada biste trebali ukloniti tu direktivu i prilagoditi birač da biste postigli specifičnost koja vam je potrebna da biste svoj stil radili. važno ne bi trebalo krenuti u svoje proizvodne stranice, dijelom zbog toga kako se mijenja normalna kaskada.
Ako se previše naginjate na važnu deklaraciju za postizanje željenih stilova, na kraju ćete imati stilski list s puno važnih stilova. U osnovi ćete promijeniti način na koji se obrađuje CSS stranice. To je lijena praksa koja nije dobra s dugogodišnjeg stajališta upravljanja.
Koristite! Važno za testiranje ili, u nekim slučajevima, kada apsolutno morate nadjačati inline stil koji je dio teme ili okvira predloška.
Čak iu takvim slučajevima, koristite ovaj pristup što manje moguće i umjesto toga nastojite napisati čiste listove stila koji razumiju kaskadu.
Tablice korisničkih stilova
Postoji jedna konačna nota o važnoj smjernici koja je neophodna za razumijevanje. Ova je direktorija također postavljena kako bi korisnicima web stranica mogli nositi sa stilskim listovima koji stranice čine teškim za upotrebu ili čitanje.
Uobičajeno, ako korisnik definira list stila za pregled web stranica, stilski list ovjerava se pomoću obrasca stila autora web stranice. Ako korisnik označi stil kao važan, taj stil nadilazi oblik stila autora web stranice, čak i ako autor označi pravilo kao "važno".
To je korisno korisnicima koji trebaju postaviti stilove na određeni način. Na primjer, netko možda treba povećati veličine fonta zadanih na svim web stranicama koje upotrebljavaju. Koristeći vašu važnu direktivu štedljivo unutar stranica koje gradite, možete prilagoditi sve posebne potrebe koje korisnici mogu imati.
Uredio je Jeremy Girard