Optimizacija renderovanja CSS-a i gotovi CSS frejmvorci

[noviKorisnik]

Use class selectors instead of descendant selectors.
For example, if you need two different styles for an ordered list item and an ordered list item, instead of using two rules:

    ul li {color: blue;}
    ol li {color: red;}

You could encode the styles into two class names and use those in your rules; e.g:

    .unordered-list-item {color: blue;}
    .ordered-list-item {color: red;}

If you must use descendant selectors, prefer child selectors, which at least only require evaluation of one additional node, not all the intermediate nodes up to an ancestor.

Primer preporuke kaže da svaki list item u html-u moraš da nakitiš odgovarajućom klasom ili nećeš imati prikaz koji bi inače želeo da ostvariš pravilima koja proglašavaju za neefikasna. (???)

[kwisko]

Hvala obojici na odgovorima... generalno već dosta dugo koristim "ugnježdene" css stilove iz istih razloga koje je i @ivanhoe naveo (održavanje stilova i sve ostalo), nego sam nedavno našao na ovo pa pošto radim nešto drugačije od "preporučenog" zainteresovao me je da čujem mišljenje drugih ljudi.

Generalno, neke stvari koje su u tom članku navedene mi baš nemaju mnogo smisla (primer koji je @noviKorisnik naveo), mada su mi neki primeri sasvim ok.
Na primer ne koristiti tagove i #id-jeve zajedno kao ovde:

ul#top_blue_nav {...}
form#UserLogin {...}

već da je dovoljno samo ovo

#top_blue_nav {...} 
#UserLogin {...}

#id bi ionako trebao biti jedinstven na stranici.

U svakom slučaju ako još neko ima neko mišljenje iz svog iskustva voleo bih da čujem.

Pozdrav!