شبه کلاس link: در CSS

:link Pseudo-class

شبه کلاس link: در CSS عناصری (غالبا لینک) که هنوز بازدید نشده اند را هدف می گیرد. این شبه کلاس با عناصر <a> ،<area> و یا <link> ای که صفت <href> داشته باشند مطابقت پیدا می کند.

استایل های اعمال شده توسط سودو کلاس link: توسط شبه کلاس های مرتبط دیگر نظیر active ،:hover: و visited: نادیده گرفته می شود. برای استایل دهی لینک ها به شیوه درست باید به ترتیب زیر آنها را بکار برد کرد:

LVHA -> :link – :visited – :hover – :active

css

a:link {
    /* استایل دهی به لینک*/
}
 
a:visited {
    /* استایل دهی به لینک های دیده شده */
}
 
a:hover {
    /* استایل دهی به هاور */
}
 
a:active {
    /* استایل دهی به حالت فعال لینک */
}

نکته: در صورتی که تصمیم داشته باشیم لینک استایل یکسانی در حالت دیده شده و دیده نشده داشته باشد، می توانیم از شبه کلاس any-link: استفاده کنیم.

لینک ها معمولا بصورت پیشفرض رنگ متفاوتی دارند که در مثال زیر ما این این رنگ را توسط شبه کلاس link: تغییر می دهیم:

html

<a href="#ordinary-target">این یک لینک معمولی است.</a><br>
<a>بدلیل نبود صفت href مورد هدف قرار نمیگیرد.</a>

css

a:link {
  background-color: gold;
  color: green;
}

مشاهده و ویرایش کد در حالت تمام صفحه

پشتیبانی مرورگرها
تمام مرورگرها از این شبه کلاس در CSS پشتیبانی می کنند.