pseudo-class :any-link CSS

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

CSS :any-link این pseudo-class برای انتخاب و تنظیم استایل عناصر به عنوان نقاط آغازین لینک‌های فراتر استفاده می‌شود.

این pseudo-class بدون توجه به اینکه لینک دیده شده یا خیر، عمل می‌کند.

بنابراین، این pseudo-class برای تمام عناصر دارای ویژگی href مناسب است <a> یا <area> عنصر.

مثال

مثال 1

انتخاب و تنظیم استایل برای تمام عناصر <a> که دارای ویژگی href هستند:

a:any-link {
  background-color: yellow;
  color: قرمز قهوه‌ای;
}

آزمایش کنید

مثال 2

طراحی استایل برای تمام عناصر <a> که دارای ویژگی href هستند. علاوه بر این، استایل‌های لینک بر اساس حالت (hover، active، unvisited و غیره) تنظیم می‌شوند:

a:any-link {
  background-color: yellow;
  color: قرمز قهوه‌ای;
}
a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

آزمایش کنید

نحوه نوشتن CSS

:any-link {
  اظلاعات css;
}

جزئیات فنی

نسخه: CSS Selectors Level 4

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

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر هستند که این پseudo-class را کاملاً پشتیبانی می‌کند.

کروم آیند افرادا سافاری اپرا
65 79 50 9 52

صفحات مرتبط

تدریس:CSS لینک

تدریس:CSS دکمه

تدریس:CSS 伪类