O'ylaymanki, Internetdagi turli saytlarga tashrif buyurganingizda, havolalar odatda sichqonchani ularning ustiga olib borganingizda o'zgarishini payqadingiz. Ushbu effektga harakatlarga turli holatiga stil berish orqali erishish mumkin.
Misol uchun, shunga o'xshash - a: hover - biz sichqoncha kursorini havola ustiga olib kelganda holatni olamiz. Ushbu paytda, masalan, havolaning rangini o'zgartirishimiz yoki uning ostidagi chiziqni olib tashlashimiz/qo'shishimiz mumkin. :hover konstruksiyasi psevdo-class deb ataladi. Psevdo-klasslar elementlarning turli holatlarini ushlash imkonini beradi.
:hover dan tashqari, tashrif buyurilmagan havola ni oladigan :link psevdoclasslari va tashrif buyurilgan havolani oladigan :visited klasslari ham mavjud. Ba'zi saytlar ulardan foydalanuvchilarga qayerda bo'lganini va qayerda bo'lmaganligini ko'rsatish uchun foydalanadi. Bundan tashqari, element sichqoncha bilan bosilgan, lekin hali chiqarilmagan holatni ushlaydigan psevdoklass :active mavjud.
Quyidagi misolda :hover holatidagi havola uchun tagiga chiziq olib tashlanadi, :link holatida qizil, :vizit holatida yashil va :active holatda ko‘k rang beriladi. Natijada, havola boshida qizil bo'ladi, ustiga bosgandan so'ng yashil rangda bo'ladi, sichqoncha bilan bossangiz va uni qo'yib yubormasangiz, u ko'k rangda bo'ladi. sichqonchani olib kelsangiz tagiga chizilmaydi:
a:link {
color: red;
}
a:visited {
color: green;
}
a:hover {
text-decoration: none;
}
a:active {
color: blue;
}
<a href="#">link</a>
havola manzilidagi # panjara - bu havola qayerga olib borishi muhim bo'lmaganda ishlatiladigan maxsus to'ldiruvchidir. Bunday havolani bosganingizda, siz joriy sahifaga o'tasiz. Siz bitta panjarani emas, balki bir nechtasini yozishingiz mumkin.