Exista multe metode pentru a-ti structura CSS-ul. Acest articol incearca sa descrie metoda pe care o folosesc eu. Eu o numesc “metoda arborescenta”, deoarece structrureaza CSS-ul… exact, ca si o structura de arbore. Vreau sa subliniez ca nu este inventia mea, eu doar o descriu si argumentez regulile.

Oricine care a construit un site mai mare sigur s-a confruntat cu situatia in care CSS-ul devine in scurt timp un haos. Clase si id-uri peste tot prin fisier, si ca sa localizezi o anumita clasa esti nevoit sa folosesti functia de cautare pe care ti-o ofera editorul. Pe de alta parte, din CSS in HTML e si mai dificil, nici macar nu sti in ce fisier este definita o anumita clasa. E o mizerie totala.

Metoda arborescenta incearca sa structureze CSS-ul in blocuri logice, blocuri luate din HTML. De asemenea se doreste sa fie usor de inteles pentru oricine. Fara coduri secrete sau scheme de ordonare complicate.