Grupowanie selektorów.


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