važne snage promene u kaskadi
Jedan od najboljih načina na koji možete naučiti kako kodirati web stranice je da pogledate izvorne kodove drugih stranica. Ova praksa je koliko web profesionalaca su naučili svoj zanat, naročito u danima pre nego što je bilo toliko opcija za kurseve za web dizajn , knjige i onlajn obuke.
Ako probate ovu praksu i pogledate kaskadne stilske liste sajta (CSS), jedna stvar koju možete videti u tom kôdu je linija koja kaže: važno.
Šta to znači i, koliko je važno, kako pravilno koristite tu deklaraciju u vašim listovima stilova?
Kaskada CSS-a
Pre svega, važno je shvatiti da kaskadni listovi stilova stvarno kaskade , što znači da se nalaze u određenom redosledu. Generalno, to znači da se stilovi primenjuju u redosledu koji ih pročita pregledač. Prvi stil se primenjuje, a zatim drugi i tako dalje.
Kao rezultat, ako se stil pojavljuje na vrhu liste stilova, a zatim se u donjem meniju promeni niže, druga instanca tog stila je ona koja se primjenjuje u narednim slučajevima, a ne prva. U suštini, ako dva stila kažu istu stvar (što znači da imaju isti nivo specifičnosti), posljednji će se koristiti.
Na primjer, pretpostavimo da su slijedeći stilovi sadržani u listi stilova. Tekst pasusa biće prikazan crnim, iako je primenjena prva stilska osobina crvena.
To je zato što je "crna" vrednost navedena drugom. Pošto je CSS čitao od vrha do dna, krajnji stil je "crni" i stoga onaj koji pobedi.
p {boja: crvena; }
p {boja: crno; }
Kako! Važno promeni prioritet
Sada kada shvatate kako CSS obrađuje ova skoro identična pravila, možemo pogledati kako važna direktiva menja stvari malo.
Važna direktiva utiče na način na koji vaš CSS kaskada , poštujući pravila koja smatraju najvažnijim i treba ih primeniti. Pravilo koje ima važnu direktivu uvek se primjenjuje bez obzira gdje se to pravilo pojavljuje u CSS dokumentu.
Da bi tekst pasusa uvek bio crven, iz prethodnog primera, koristićete:
p {boja: crvena! važna; }
p {boja: crno; }
Sada ce se tekst pojaviti crveno, iako je "crna" vrednost navedena drugom. Važna direktiva preklapa normalna pravila kaskade i daje taj stil veoma visoku specifičnost.
Ako ste apsolutno potrebni da se pasusi pojave crveno, ovaj stil bi to uradio, ali to ne znači da je ovo dobra praksa. Hajde da pogledamo sledeće kada želite da koristite! Važno i kada to nije prikladno.
Kada koristiti važno
Važna direktiva je od velike pomoći prilikom testiranja i debagovanja web stranice. Ako niste sigurni zašto se stil ne primenjuje i mislite da je to problem specifičnosti, možete dodati važnu deklaraciju u svoj stil da biste vidjeli da li to popravlja.
Ako dodate! Važno zaista reši problem stila, upravo ste ustanovili da je to problem specifičnosti. Međutim, ne želite da ostavite taj važan kod na mestu, već je stavljen samo u svrhu testiranja.
Pošto je testiranje završeno, sada biste trebali ukloniti tu direktivu i prilagoditi svoj selektor kako biste postigli specifičnost koju trebate da uradite svoj stil. ! važno ne bi trebalo da ide u svoje proizvodne lokacije, delom zbog toga kako to menja normalnu kaskadu.
Ako se previše naginjete na važnu deklaraciju da biste postigli željene stilove, na kraju ćete imati stilski list sa važnim stilovima. U osnovi ćete menjati način na koji se obrađuje CSS stranice. To je lenjiva praksa koja nije dobra sa dugoročnog rukovodstva.
Koristite! Važno za testiranje ili, u nekim slučajevima, kada apsolutno morate prevazići inline stil koji je dio teme ili okvira šablona.
Čak iu tim slučajevima, ovaj pristup koristite što je moguće manje štedljivim i umesto toga težite da napišete čiste stilove koji razumiju kaskadu.
User Style Sheets
Postoji jedna posljednja beleška o važnoj direktivi koja je od suštinskog značaja za razumijevanje. Ova direktiva je takođe uspostavljena kako bi korisnicima web stranice pomogla sa listovima stilova koji otežavaju stranicama da ih koriste ili čitaju.
Tipično, ako korisnik definira stilski list da bi pregledao web stranice, taj stilski stil je poništen autorskim stilom . Ako korisnik označava stil kao "važan", taj stil prekorači autorski stilni stil autora, čak iako autor označava pravilo kao "važno".
Ovo je korisno za korisnike koji trebaju postaviti stilove na određeni način. Na primjer, nekome će možda trebati povećati podrazumevane veličine fontova na svim web stranicama koje koriste. Korišćenjem vaše važne direktive koja štedi unutar stranica koje izradite, prihvatate sve posebne potrebe koje korisnici mogu imati.
Uredio Jeremy Girard