:link
Misol
Tashrif buyurilmagan havolalarni tanlang va ularga uslub bering:
a:link {
background-color: yellow;
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
CSS :link psevdo-klassi tashrif buyurilmagan havolalarni tanlash va ularga uslub berish uchun ishlatiladi.
Eslatma: :link psevdo-klassi allaqachon tashrif buyurilgan havolalarga uslub bermaydi.
Maslahat: Tashrif buyurilgan sahifalarga havolalarga uslub berish uchun :visiteddan, sichqoncha ustiga olib borilgan havolalarga uslub berish uchun :hoverdan va bosilgan havolalarga uslub berish uchun :activedan foydalaning.
Eslatma: CSS ta’rifida :link samarali ishlashi uchun :hoverdan (agar mavjud bo‘lsa) OLDIN kelishi SHART!
| Versiya: | CSS1 |
|---|
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar psevdo-klassni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Psevdo-klass | |||||
|---|---|---|---|---|---|
| :link | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS sintaksisi
:link {
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!