: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 پشتیبانی می کنند.