:visited
Misol
Tashrif buyurilgan havolalarni tanlang va ularga uslub bering:
a:visited {
color: pink;
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
CSS :visited psevdo-klassi tashrif buyurilgan havolalarga uslub berish uchun ishlatiladi.
Maslahat: Tashrif buyurilmagan sahifalarga havolalarga uslub berish uchun :linkdan, sichqoncha ustiga olib borilgan havolalarga uslub berish uchun :hoverdan va bosilgan havolalarga uslub berish uchun :activedan foydalaning.
Eslatma: Havolalarga to‘g‘ri uslub berish uchun :visited qoidasini :link qoidasidan keyin, lekin :hover va :active qoidalaridan oldin joylashtiring.
Ruxsat etilgan uslublar:
- color
- background-color
- border-color (va alohida tomonlar uchun border-color)
- outline rangi
- column-rule-color
- text-decoration-color
- text-emphasis-color
- SVG’ning fill va stroke atributlari
| Versiya: | CSS1 |
|---|
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar psevdo-klassni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Psevdo-klass | |||||
|---|---|---|---|---|---|
| :visited | 1 | 12 | 2 | 3.1 | 9.6 |
CSS sintaksisi
:visited {
css declarations;
}
Ko‘proq misollar
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 psevdo-klasslar
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!