Jedan od najboljih načina da naučite kako kodirati web stranice je pogledati izvorni kodovi drugih web mjesta. Ova praksa govori o tome koliko je web profesionalaca naučilo svoj zanat, posebno u dane prije nego što je postojalo toliko mogućnosti web dizajn tečajevi, knjige i mrežne web stranice za obuku.
Ako isprobate ovu praksu i pogledate kaskadne tabele stilova web stranice, jedna stvar koju možete vidjeti u tom kodu je redak koji kaže !važno. Ovaj pojam mijenja prioritet obrade unutar stilskog lista.
Kaskada CSS-a
Kaskadni stilski listovi to zaista čine kaskada, što znači da su postavljeni u određenom redoslijedu. Općenito, stilovi se primjenjuju onim redoslijedom kako ih čita preglednik. Primjenjuje se prvi stil, a zatim drugi, i tako dalje.
Kao rezultat toga, ako se stil pojavi na vrhu tabele s stilovima, a zatim se promijeni niže u dokumentu, druga instanca tog stila je ona koja se primjenjuje u sljedećim instancama, a ne prva. U osnovi, ako dva stila govore isto (što znači da imaju istu razinu specifičnosti), koristit će se zadnji navedeni.
Na primjer, zamislimo da su sljedeći stilovi sadržani u tabeli stilova. Tekst odlomka prikazivao bi se u crnoj boji, iako je prvo primijenjeno svojstvo stila crveno. To je zato što je "crna" vrijednost navedena na drugom mjestu. Budući da se CSS čita odozgo prema dolje, konačni stil je "crni" i stoga taj pobjeđuje.
p {boja: crvena; }
p {boja: crna; }
Kako! Važno Mijenja prioritet
The !važno direktiva utječe na način na koji se vaši CSS slažu, slijedeći pravila za koja smatrate da su najvažnija i da ih treba primijeniti. Pravilo koje ima ovu direktivu uvijek se primjenjuje bez obzira gdje se to pravilo pojavljuje u CSS dokumentu.
Da bi tekst odlomaka uvijek bio crven, iz prethodnog primjera promijenite stil kako slijedi:
p {boja: crvena! važno; }
p {boja: crna; }
Sada će se sav tekst pojaviti u crvenoj boji, iako je vrijednost "crna" navedena na drugom mjestu. Važna direktiva nadjačava uobičajena pravila kaskade i daje tom stilu vrlo visoku specifičnost.
Ako su vam odlomci apsolutno potrebni da izgledaju crveno, to bi učinio ovaj stil, ali to ne znači da je ovo dobra praksa.
Kada koristiti! Važno
Važna smjernica korisna je prilikom testiranja i uklanjanja pogrešaka na web mjestu. Ako niste sigurni zašto se stil ne primjenjuje i mislite da je riječ o sukobu specifičnosti, dodajte izjavu! Important u svoj stil da biste vidjeli hoće li to popraviti - a ako jest, promijenite redoslijed selektora i uklonite važne direktive iz svoje proizvodnje kodirati.
Ako se previše oslanjate na! Važnu deklaraciju da biste postigli željene stilove, na kraju ćete dobiti stilsku tablu napunjenu važnim stilovima. Iz temelja ćete promijeniti način obrade CSS-a te stranice. To je lijena praksa koja nije dobra s dugoročnog stajališta upravljanja.
Koristite! Važno za testiranje ili, u nekim slučajevima, kada apsolutno morate nadjačati ugrađeni stil koji je dio okvira teme ili predloška. Čak i u tim slučajevima, koristite ovaj pristup štedljivo i umjesto toga pišite čiste stilske tabele u čast kaskada.
Korisničke tablice stilova
Ova je direktiva također uspostavljena kako bi se korisnicima web stranica pomoglo da se nose sa stilskim tablicama koje stranice otežavaju u korištenju ili čitanju.
Kada netko definira tabelu stilova da biste pregledali web stranice, ta se lista stilova poništava autorskom tablicom stranice. Ako korisnik označi stil kao! Važan, taj stil prevladava stil stila autora web stranice, čak i ako autor pravilo označi kao! Važan.
Ova je hijerarhija korisna za korisnike koji trebaju postaviti stilove na određeni način. Na primjer, čitatelj oštećenog vida možda će morati povećati zadane veličine fonta na svim web stranicama koje koriste. Koristeći svoju! Važnu direktivu štedljivo na stranicama koje gradite, prilagođavate jedinstvenim potrebama čitatelja.