Grupowanie selektorów stosuje się w celu zwiększenia przejrzystości kodu źródłowego oraz w celu uproszczernia zapisów styli. Najlepiej zobrazują to poniższe przykłady.
Źle sformatowany kod źródłowy (w znacznikach powtarzają się reguły).body { font-family:sans-serif; font-weight:normal; background-image:url(tlo.png); background-position:center; background-repeat:no-repeat; background-attachment:fixed; background-color:FFFFCC; } h2 { font-family:sans-serif; font-weight:normal; font-size:large; text-align:center; background-image:url(css.png); } h3 { font-family:sans-serif; font-weight:normal; font-size:medium; text-align:center; position:static; } p { font-family:sans-serif; font-weight:normal; background-color:D5E0A3; width:350px; margin-left:10px; padding:5px 5px 5px 10px; font-size:medium; } Właściwie sformatowany tekst (reguły powtarzające się są zgrupowane według selektorów).body, h2, h3, p { font-family:sans-serif; font-weight:normal; } h2, h3 { text-align:center; } body { background-image:url(tlo.png); background-position:center; background-repeat:no-repeat; background-attachment:fixed; background-color:FFFFCC; } h2 { font-size:large; background-image:url(css.png); } h3 { font-size:medium; position:static; } p { font-family:sans-serif; font-weight:normal; background-color:D5E0A3; width:350px; margin-left:10px; padding:5px 5px 5px 10px; font-size:medium; } do góry menu powrót naprzód |