A hover állapotot lehet lokálisan is megadni?

Soron belüli stílussal nem tudod megoldani a :hover selector hozzárendelését.

Beágyazott/külső CSS-en belül vagy csak az adott tagre adod meg:

a:hover{

font-size: 20px;

}

de akkor minden linkre érvényes lesz; vagy adsz a linknek egy azonosítót:

<a id="link" href="akarmi.html">Katt</a>

és az azonosítóra hivatkozol:

#link:hover{

font-size: 20px;

}

vagy Javascriptet használsz:

<a onmouseover="this.style.fontSize='20px'" onmouseout="this.style.fontSize='medium'" href="akarmi.html">Katt</a>

egy nagyobb kódrészletet írj, mert nem értem teljesen a problémád.

ha az <a> a <div>-en belül van aminek az osztálya a "valamidiv" akkor elvileg működnie kellene

[link]

szóval mi is a probléma pontosan?

#2

Úgy vettem ki a szavából a kérdezőnek hogy inline CSS-re gondolt.

Inline módban nem tudsz pszeudo osztályt használni.

Amennyiben nem tudod külső css-be tenni vagy a formázás dinamikus akkor beágyazott stíluslapot kell használni. (<style> ... </style>)

Erre való a beágyazott stíluslap...

<style>

.hover-link:hover {

color: red;

}

</style>

<a class="hover-link" href=2akarmi.html">Katt</a>

#2-es vagyok.

Miért kéne kitörölnöd a class-t?

Ez így nem jó?

[link]

Az "!important" esetén felül lehet definiálni. Az eredeti nem változik de ennek adsz egy újat. (Gondolom ha a inline css-t tudtál volna írni a <a> taghez, akkor egy plusz class-t is fel tudsz venni.)