:active
Misol
Faol havolani tanlang va unga uslub bering:
a:active {
background-color: yellow;
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
CSS :active psevdo-klassi foydalanuvchi tomonidan faollashtirilayotgan elementni tanlash va unga uslub berish uchun ishlatiladi.
:active psevdo-klassi asosan <a> va <button> elementlarida ishlatiladi. Foydalanuvchi havolani bosganda u faollashadi, tugma uchun ham xuddi shunday.
Maslahat: Tashrif buyurilmagan sahifalarga havolalarga uslub berish uchun :linkdan, tashrif buyurilgan sahifalarga havolalarga uslub berish uchun :visiteddan va sichqoncha ustiga olib borilgan havolalarga uslub berish uchun :hoverdan foydalaning.
Eslatma: CSS ta’rifida :active samarali ishlashi uchun :hoverdan (agar mavjud bo‘lsa) KEYIN kelishi SHART!
| Versiya: | CSS1 |
|---|
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar psevdo-klassni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Psevdo-klass | |||||
|---|---|---|---|---|---|
| :active | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS sintaksisi
:active {
css declarations;
}
Ko‘proq misollar
Misol
Foydalanuvchi <button> ni bosganda uni tanlang va unga uslub bering:
button:active {
background-color: pink;
}
O‘zingiz sinab ko‘ring »
Misol
<p>, <h1> va <a> elementini bosganingizda uni tanlang va unga uslub bering:
p:active, h1:active, a:active {
background-color: yellow;
}
O‘zingiz sinab ko‘ring »
Misol
Tashrif buyurilmagan, tashrif buyurilgan, hover va faol havolalarni tanlang va ularga uslub bering:
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: red;
}
/* selected link */
a:active {
color: yellow;
}
O‘zingiz sinab ko‘ring »
Misol
Havolalarga turli uslublar bering:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS havolalar
CSS darsligi: CSS tugmalar
CSS darsligi: CSS psevdo-klasslar
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!