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 |