Grupowanie selektorów ?>

Grupowanie selektorów

Bardzo często wiele selektorów posiada takie same style na przykład dlatego, że określają tę samą czcionkę. W takim wypadku można sobie ułatwić pracę i poskracać kod CSS. Tutaj mamy do czynienia z przykładem bez grupowania:

.headlines{
font-family:arial; color:black; background:yellow; font-size:14pt;
}

.sublines {
font-family:arial; color:black; background:yellow; font-size:12pt;
}

.infotext {
font-family:arial; color:black; background:yellow; font-size:10pt;
}

Jak widać jedyne co różni te style to zmiany w font-size, a reszta atrybutów jest identyczna. Dlatego można niemal wszystko pogrupować aby osiągnąć na przykład taki kod:
.headlines, .sublines, .infotext {
font-family:arial; color:black; background:yellow;
}

.headlines {font-size:14pt;}
.sublines {font-size:12pt;}
.infotext {font-size: 10pt;}

Czyli jest mniej do pisania i łatwiej wszystko pozmieniać.