Osztály kijelölők ( Class selector )

Minden olyan HTML elemre vonatkozik, amelynek osztály jellemzőjének értéke megegyezik a szektor nevével.

A szektor neve elé pontot írunk.

.Osztály_neve

{

meghatározásblokk

}

/* Az összes az osztályhoz tartozó elemre vonatkozik.*/

Példa:

Forráskód


<style type="text/css" > 
  .div_1 { color: blue; } /*Azokra az elemekre vonatkozik, 
                             amelynek osztály jellemzőjének értéke: class_1.*/
</style>	
...
<body>            
     <div class="div_1">
       <p id="p1"> Ez kék</p> és ez is.
     </div>
     <p id="p2"> Ez nem</p> és ez sem.
</body>

Eredmény*

* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_kijelolo_osztaly.html