[CSS] raggruppare gli elementi

[ateicos]

ho un foglio di stile col seguente testo:

[code]
#layer1 { width:400px; }
#layer1 br { clear:both; }
#layer1 ul { list-style:none; padding:0; margin:0; }
#layer1 ul li { float:left; width:40px; }
#layer1 ul li a { text-decoration:none; font-weight:bold; }
#layer1 ul li a:hover { text-decoration:none; text-transform: uppercase; }
#layer1 ul li a b { color:#000000; background-color:#FFFFFF; text-transform:uppercase; }
[code]

converrete con me che c'è un uso smodato ed inutile (date le ripetizioni) del nome #layer1

---------------------------------------------

come posso ridurre notevolmente il peso del css (15 kb)?

a conti fatti il css e l'html pigliano più spazio del testo del contenuto vero e proprio!

[Jerry Masslo]

se ripeti più volte uno stesso nome e questo incide significativamente puoi sempre sceglierne uno più corto, cioè l1 invce che layer1 poi

#layer ul li a è lo stesso che #layer li a e se non devi discriminare ancore fuori liste puoi anche fare #layer a

cioè faccio prima a compatterti un po' quello

#layer1 {width:400px}
#layer1 br {clear:both}
#layer1 ul {list-style:none; padding:0; margin:0}
#layer1 li {float:left;width:40px}
#layer1 li a {text-decoration:none;font-weight:bold}
#layer1 li a:hover {text-transform:uppercase}
#layer1 li a b {color:#000; background:#fff; text-transform:uppercase}