Selektory klas stosuje się w przypadkach, gdy ten sam znacznik ma mieć różne zastosowania. Możemy rozpatrzyć znacznik <p>, który w zależności od potrzeb ma być zielony lub wycentrowany. Należy stworzyć dwie klasy dla znacznika <p>. Jedna o nazwie p.zielony i druga o nazwie np. p.wycentrowany. Klasy te deklaryujemy jako style wewnętrzne lub zewnętrzne. Poniżej zostały zamieszczone przykłady kodów źródłowych.
Dla styli wewnętrznych.<head>
<style type="text/css">
p.zielony {text-color:green}
p.wycentrowany {text-align:center}
body {background-color:FFFFCC}
h2 {color:font-style:normal;font-size:large;font-family:sans-serif;color:green}
pre {color:red}
</style>
...
</head>
Dla styli zewnętrznych.p.zielony {
text-color:green
}
p.wycentrowany {
text-align:center
}
W ciało strony należy wkleić następujący kod.Jest to <p class="zielony">tekst formatowany wg klasy "p.zielony"</p> Jest to <p class="wycentrowany">tekst formatowany wg klasy "p.wycentrowany"</p>
do góry menu powrót naprzód |