Una dintre cele mai bune modalități de a învăța cum să codați site-urile web este să vă uitați la coduri sursă al altor site-uri. Această practică este numărul de profesioniști din domeniul web care și-au învățat meseria, mai ales în zilele anterioare pentru care erau atât de multe opțiuni web design cursuri, cărți și site-uri de instruire online.
Dacă încercați această practică și vă uitați la foile de stil în cascadă ale unui site, un lucru pe care îl puteți vedea în acel cod este o linie care spune !important. Acest termen modifică prioritatea procesării în cadrul foii de stil.
Cascada CSS
Foile de stil în cascadă sunt într-adevăr cascadă, adică sunt plasate într-o anumită ordine. În general, stilurile sunt aplicate în ordinea în care sunt citite de browser. Se aplică primul stil, apoi al doilea și așa mai departe.
Ca rezultat, dacă un stil apare în partea de sus a unei foi de stil și apoi este modificat mai jos în document, a doua instanță a stilului respectiv este cea aplicată în instanțele ulterioare, nu prima. Practic, dacă două stiluri spun același lucru (ceea ce înseamnă că au același nivel de specificitate), va fi folosit ultimul listat.
De exemplu, să ne imaginăm că următoarele stiluri au fost conținute într-o foaie de stil. Textul paragrafului va fi redat în negru, chiar dacă prima proprietate de stil aplicată este roșie. Acest lucru se datorează faptului că valoarea „neagră” este afișată pe locul doi Deoarece CSS este citit de sus în jos, stilul final este „negru” și, prin urmare, acesta câștigă.
p {culoare: roșu; }
p {culoare: negru; }
Cât de important schimbă prioritatea
!important directiva afectează modul în care CSS-ul dvs. se încadrează în timp ce respectați regulile pe care le considerați cele mai importante și ar trebui aplicate. O regulă care are această directivă se aplică întotdeauna indiferent unde apare regula respectivă în documentul CSS.
Pentru a face textul de paragraf întotdeauna roșu, din exemplul anterior, schimbați stilul după cum urmează:
p {culoare: roșu! important; }
p {culoare: negru; }
Acum, tot textul va apărea în roșu, chiar dacă valoarea „negru” este listată în al doilea rând. Directiva! Importantă suprascrie regulile normale ale cascadei și conferă acestui stil specificitate foarte ridicată.
Dacă ai avea absolut nevoie ca paragrafele să apară roșii, acest stil ar face acest lucru, dar asta nu înseamnă că aceasta este o practică bună.
Când se folosește! Important
Directiva! Importantă este utilă atunci când testați și depanați un site web. Dacă nu sunteți sigur de ce nu se aplică un stil și credeți că poate fi un conflict de specificitate, adăugați! Declarația importantă la stil pentru a vedea dacă asta o remediază - și dacă o face, schimbați ordinea selectoarelor și eliminați directivele! importante din producția dvs. cod.
Dacă vă bazați prea mult pe declarația! Importantă pentru a vă atinge stilurile dorite, veți avea în cele din urmă o foaie de stil plină de! Stiluri importante. Veți schimba fundamental modul în care este procesată CSS-ul paginii. Este o practică leneșă care nu este bună din punct de vedere al managementului pe termen lung.
Utilizați! Important pentru testare sau, în unele cazuri, atunci când trebuie să înlocuiți absolut un stil inline care face parte dintr-o temă sau un șablon cadru. Chiar și în aceste cazuri, utilizați această abordare cu moderare și în schimb scrieți foi de stil curate care să onoreze cascadă.
Foi de stil utilizator
Această directivă a fost, de asemenea, pusă în aplicare pentru a ajuta utilizatorii paginilor web să facă față foilor de stil care le îngreunează utilizarea sau citirea paginilor.
Cand cineva definește o foaie de stil pentru a vizualiza paginile web, acea foaie de stil este anulată de foaia de stil a autorului paginii. Dacă utilizatorul marchează un stil ca fiind! Important, stilul respectiv anulează foaia de stil a autorului paginii web, chiar dacă autorul marchează o regulă ca! Importantă.
Această ierarhie este utilă pentru utilizatorii care trebuie să stabilească stiluri într-un anumit mod. De exemplu, un cititor cu deficiențe de vedere poate fi necesar să mărească dimensiunile de font implicite pe toate paginile web pe care le utilizează. Folosind directiva dvs. importantă cu ușurință în paginile pe care le creați, vă adaptați nevoilor unice ale cititorilor.