این آموزش در تاریخ ۱۴۰۰/۱۰/۱۳ آپدیت شده است.
آموزش شبه کلاس link در CSS
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش شبه کلاس link در CSS با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
شبه کلاس link در CSS
با استفاده از شبه کلاس ( یا هم انتخابگر ) link در CSS میتوان استایل دلخواه، برای لینک ها ( که هنوز روش کلیک نشده ) در یک صفحه وب مشخص کرد.
اگر شما با استفاده از این شبه کلاس رنگ لینک را مثلا آبی کنید، و یکبار بروی لینک کلیک شود، در سری های بعدی اون لینک دیگه رنگش آبی نیست و باید با استفاده از شبه کلاس visited: ( یعنی لینکی که از قبل یکبار روش کلیک شده ) رنگ لینک را مشخص نمایید.
| نسخه | CSS1 |
|---|
Free-Learn
مثال از شبه کلاس link در CSS
در ادامه میتوانید یک مثال از این انتخابگر / شبه کلاس را در زبان CSS مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ a برای نمایش حالت های مختلف یک لینک ( استفاده از شبه کلاس های link و visited و active )
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<style> a:link{ color:blue; } a:visited{ color:green; } a:hover{ color:red; } a:active{ color:yellow; } </style> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از انتخابگر / شبه کلاس link در CSS پشتیبانی میکنند یا خیر.
| نام انتخابگر | Chrome | Firefox | Opera | Safari | Edge |
| link: | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری شبه کلاس link در CSS
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این انتخابگر / شبه کلاس در CSS بصورت زیر می باشد.
|
1 2 3 |
a:link { دستورات سی اس اس در اینجا } |
Free-Learn
نکات و توضیحات
- برای مشخص کردن رنگ لینک وقتی روش کلیک شده از شبه کلاس visited و برای مشخص کردن رنگ لینک در لحظه کلیک ماوس بروی لینک از شبه کلاس active و برای مشخص کردن رنگ لینک وقتی ماوس روی لینک قرار میگیرد میتوان از شبه کلاس hover استفاده کرد.
