کلاس ناشناخته :link CSS

تعریف و استفاده

CSS :link کلاس‌های ناشناخته برای انتخاب و تنظیم سبک لینک‌های بازدید نشده استفاده می‌شوند.

توجه داشته باشید::link کلاس‌های ناشناخته سبک لینک بازدید شده را تنظیم نمی‌کنند.

توضیح:استفاده کنید :visited سبک لینک صفحه بازدید شده را تنظیم کنید، با استفاده از :hover سبک لینک در حال قرار گرفتن روی آن با استفاده از :active سبک لینک در حال کلیک را تنظیم کنید.

توجه داشته باشید:در تعریف CSS،:link باید در :hover!(اگر وجود دارد) قبل از اینکه کار کند!

مثال

مثال 1

انتخاب و تنظیم سبک لینک بازدید نشده:

a:link {
  background-color: yellow;
}

آزمایش کنید

مثال 2

انتخاب و تنظیم سبک‌های لینک‌های بازدید نشده، بازدید شده، روی آن قرار گرفته و فعال:

/* لینک بازدید نشده */
a:link {
  color: green;
}
/* لینک بازدید شده */
a:visited {
  color: green;
}
/* لینک با موس روی آن */
a:hover {
  color: red;
}
/* لینک فعال */
a:active {
  color: yellow;
}

آزمایش کنید

مثال 3

تنظیم سبک‌های مختلف برای لینک‌ها:

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

آزمایش کنید

نحوه نوشتن CSS

:link {
  اظهارات css;
}

جزئیات فنی

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

اعداد در جدول، نسخه اولین مرورگر پشتیبان از این کلاس ناشناخته را مشخص می‌کند.

صفحات مرتبط

تدریس:لینک CSS

تدریس:کلاس‌های ناشناخته CSS