HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

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