<html>
<head>
<style>
.moje_trida {background-color: green}
.moje_trida:hover {background-color: red}
</style>
</head>
<body>
<div class="moje_trida">
Toto je můj DIV :)
</div>
</body>
</html>
Proč mi to nefunguje?
Použij místo .třída:hover specifičtější prvek.třída:hover
<html>
<head>
<style>
div.moje_trida {background: green}
div.moje_trida:hover {background: red}
</style>
</head>
<body>
<div class="moje_trida">
Toto je můj DIV :)
</div>
</body>
</html>
Zajímavé že při použití #id nebo div to funguje správně bez úprav:
<html>
<head>
<style>
#muj {background: green}
#muj:hover {background: red}
</style>
</head>
<body>
<div id="muj">
Toto je můj DIV :)
</div>
</body>
</html>
<html>
<head>
<style>
div {background: green}
div:hover {background: red}
</style>
</head>
<body>
<div>
Toto je můj DIV :)
</div>
</body>
</html>
Upozornuju, ze IE nepodporuje hovery u snad niceho krome tagu A.
Jasně, tohle jsem testoval na FF. Ale vysvětlit toto chování nedovedu, tedy v Opeře se může odlišovat.
V IE je možné pro ne<A>prvky zprovoznit fungování :hover ve stylech jedině pomocí javascriptu v .htc souboru
= využití vlastnosti behavior. (Nebo kódem "šitým na míru")
Ano, opravdu chci reagovat → zobrazí formulář pro přidání příspěvku