link:

link یک pseudo-class می باشد که برای انتخاب و استایل دهی به عناصر لینک در صفحه استفاده می شود. نکته قابل توجه اینکه فقط لینک هایی (<a>) را انتخاب می کند که دارای ویژگی href هستند.

خطوط HTML زیر را در نظر بگیرید:


<!-- لینک های زیر انتخاب می شوند -->

<a href="#">Random Link</a>
<a href="#id">Internal Link</a>
<a href="http://mojtabaseyedi.com">External Link</a>

<!-- اما تگ زیر انتخاب نمی شود -->

<a>No href attribute</a>

به وسیله تکه کد زیر می توان به سه لینک اول یک استایل خاص اختصاص داد:



a:link {
  color: green;
}


زمانی که قصد استایل دهی بر روی حالت های مختلف یک لینک از قبیل link , visited , focus , hover , active را دارید باید مراقب ترتیب نوشتن آن ها در CSS باشید.

ترتیب زیر در حالت عمومی ترتیب مناسبی است اما در نهایت, این طرح است که ترتیب را مشخص می کند:


a:link {

}

a:visited {

}

a:focus {
  
}

a:hover {

}

a:active {

}

 

See the Pen :link by Mojtaba Seyedi (@seyedi) on CodePen.


 

پشتیبانی مرورگرها

link: در تمام مرورگرهای اصلی از قبیل کروم, فایرفاکس, سافاری, اپرا, اینترنت اکسپلورر و همینطور در سیستم عامل های اندروید و iOS نیز پشتیبانی می شود.