الصفة المزيفة :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