$$('.front-end[rel="details freak"]').first().setStyle({position: 'available', display:'contact-me-right-now'});

via Ovidiu Boc

Problema este ca desi se lucreaza mult la optimizari de tot felul (sprite-uri, o clasa pentru x tip-uri de elemente si asa mai departe) CSS-ul nu permite nativ (in momentul de fata cel putin) multe niciunul din priciipile de OOP, gagica da un exemplu foarte simplu si foarte la obiect despre acest lucuru:

.someClass { nebunii: sf-uri;}
.anotherClass { extend: someClass; }

Lucru care mie cel putin mi-ar revolutiona felul in care lucrez, si care ar reduce semnificativ dimensiunea fisierelor, numarul de clase si ID-uri folosite.

Cum putem scrie OOPCSS? Foarte simplu: organizand si lucrand cu clase cat mai generale care sa targeteze niste tipuri de module stanard (in functie de necesitatile proiectului evident) pe care putem sa le folosim in orice pagina dinamica, sau statica, fara sa crape layout-ul, sau sa nu mai fie standard based. Mai mult de atat, sa fie simplu de modificat sau adaugat orice, oriunde.

Cum prin XHTML, si mai ales prin XHTML Strict se doreste separarea structurii de prezentarea si de comportamentul unui document aici se doreste tot ceva de genul: separarea structurii layout-ului de design si separarea structurii containerelor de contentul acestora.

Pentru o idee generala despre cum sta treaba va recomand sa da-ti un download aici pentru mai multe exemple si o descriere mai detaliata.