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 |