Formatele de stil cascadă sau CSS sunt configurate astfel încât să puteți avea multe proprietăți care afectează același element. Unele dintre aceste proprietăți pot intra în conflict între ele. De exemplu, este posibil să setați o culoare a fontului de culoare roșie pe eticheta paragrafului și apoi, ulterior, să setați o culoare de font albastră. Cum știe browserul ce culoare să facă paragrafele? Aceasta este decisă de cascadă.
Tipuri de foi de stil
Există trei tipuri diferite de foi de stil:
- Foi de stil pentru autori
- Acestea sunt foi de stil create de autorul paginii Web. Acestea sunt ceea ce majoritatea oamenilor cred că se gândesc la foile de stil CSS.
- Foi de stil pentru utilizatori
- Fișele de stil utilizator sunt setate de utilizatorul paginii Web. Acestea permit utilizatorului să aibă mai mult control asupra afișării paginilor.
- Fise de stil agent agent utilizator
- Acestea sunt stiluri pe care browserul Web le aplică paginii pentru a afișa acea pagină. De exemplu, în XHTML, cei mai mulți agenți vizați de utilizator afișează eticheta ca text italicizat. Acest lucru este definit în foaia de stil a agentului de utilizator.
Proprietățile definite în fiecare dintre foile de stil de mai sus au o greutate. În mod implicit, foaia de stil autor are cea mai mare greutate, urmată de foaia de stil a utilizatorului și, în final, de foaia de stil pentru agentul de utilizator. Singura excepție de la aceasta este cu regula importantă într-o foaie de stil pentru utilizatori. Acest lucru are mai multă greutate decât foaia de stil a autorului.
Cascading Order
Pentru a rezolva conflictele, browserele Web utilizează următoarea ordine de sortare pentru a determina care stil are prioritate și va fi utilizat:
- În primul rând, căutați toate declarațiile care se aplică pentru elementul în cauză și pentru tipul de suport atribuit.
- Apoi, uita-te la ce foaie de stil vine de la. Ca mai sus, foile de stil autor primesc primul, apoi utilizatorul, apoi agentul utilizator. Cu stiluri importante de utilizator care au prioritate mai mare decât stilurile importante ale autorilor!
- Cu cât este mai selectiv un selector, cu atât va avea mai multă prioritate. De exemplu, un stil pe "div.co p" va avea o prioritate mai mare decât unul doar pe eticheta "p".
- În cele din urmă, sortați regulile după ordinea în care au fost definite. Regulile definite ulterior în arborele de documente au o prioritate mai mare decât cele definite anterior. Și regulile dintr-o foaie de stil importată sunt luate în considerare înaintea regulilor direct în foaia de stil.