Selektory klas.


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