Categorii
Arhiva Webdev

CSS de la A la Z: despre ID-uri și clase


Guy Routledge ne învață, mai departe, despre folosirea ID-urilor sau claselor și de ce este mai bine să folosești clase. Cel mai fain este să folosești clase în serie cum ar fi:


<div class="btn btn-large btn-success">
</div>

Cu puțin efort vei putea scrie un cod CSS foarte frumos și vei economisi spațiu. Vei învăța și despre calcularea specificității unor stiluri sau, altfel spus, ce tip de cod CSS trebuie să folosești să suprascrii un stil definit în alt loc din pagină.

Calcularea specificității urmărește formula: inline styles – ids – classes (and pseudoclasses) – elements.

Ceva în genul:
header ul#main-nav li .sub-menu li.child a:hover { }
ar avea o specificitate 0135

Va trebui să ai ceva cu specificitate mai mare pentru a suprascrie stilurile unui asemenea cod. Mai bine ai folosi ceva în genul:
.sub-menu a:hover { }
cu specificitate 0021, mult mai ușor de înțeles și suprascris.

Puțină ordine nu strică niciodată.

Urmărește CSS: A to Z pe YouTube și pe site-ul său.