Псевдокласс hover
Псевдокласс hover биз курсорни ҳаракатлантирган
ҳавола учун стилларни белгилайди.
Одатда бу псевдокласс псевдокласслар
link,
visited
ва active
билан бирга қўлланилади.
Синтаксис
a:hover {
}
Мисол
Зиёрат қилинмаган ҳавола қизил рангда бўлади, зиёрат қилинган ҳавола - кўк рангда. Агар сиз унга курсорни ҳаракатлантирсангиз - у яшил рангга киради, ва агар сиз чанг курбанинг чап тугмасини боссангиз ва уни ушлаб турсангиз - қора рангга киради (active ҳолати):
<a href="#">ҳавола</a>
a:link {
color: red;
}
a:visited {
color: blue;
}
a:hover {
color: green;
}
a:active {
color: black;
}
:
