Jelenlegi hely

2.6.2. Linkek formázása

Valószínűleg legismertebb látszólagos osztályok a linkekhez kapcsolódnak. Hagyományosan más-más színnel szokás jelezni az egyszerű linkeket, a már meglátogatott linkeket, az éppen az egérkurzor alatt levő és a kattintás közben levő linkeket:

a:link    {color: #FF0000}
a:visited {color: #00FF00}
a:hover   {color: #FF00FF}
a:active  {color: #0000FF}

Ma talán a :hover látszólagos kiválasztóval találkozhatunk a legtöbbször, és nem is csupán a betűszínek, hanem akár komolyabb viselkedés is megvalósítható vele.

Kimenő linkek formázása

Ma már egyre több weboldal segít abban, hogy a weboldalról kifelé mutató linkek könnyen felismerhetőek legyenek a mögötte található kis kép alapján. Ekkor természetesen nem célszerű a HTML img tagot használni. Nézzünk egy konkrét példát:

<a  href="http://kefoportal.kefo.hu/cimlap" class="ext" target="_blank">Kecskeméti Főiskola</a>

a.ext {
  background: url("nyil.gif") no-repeat right center;
  padding-right: 15px;
}

(Ezen az oldalon kissé más megoldás generál a Drupal sminkje, de a működés hasonló:Kecskeméti Főiskola)