logó WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS
Ingyenes elektronikus tananyag interaktív weboldalak készítéséhez.
visszaVISSZA   
menüMENÜ   

Célpont kijelölő


Az aktív belső hivatkozás által kijelölt elemet érhetjük el segítségével.

Egy HTML elemre mutató link állapotától függően, módosíthatók az HTML elem stílustulajdonságai.

Hasznos lehet ha a képernyő egy adott területén a felhasználó választásától függően más-más tartalmat kívánunk megmutatni.

:target
{
meghatározásblokk
}
/*Az aktív belső hivatkozás által kijelölt elemet érhetjük el segítségével. */


Példa:

Kattintson egy linkre!

Forráskód



<style>
    :target {background-color: #cc0000;}
</style>     
….
<body>            
  <a href="#elso">Első bekezdés</a><br>
  <a href="#masodik">Második bekezdés</a><br>
  <div class="div_1">
      <p id="elso"><b>Első bekezdés</b></p>
      <p id="masodik"><b>Második bekezdés</b></p>
  </div>  
</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_celpont.html


Ahogy a legtöbb honlap, ez a webhely is használ sütiket a weboldalain.