انتقل إلى محتوى الدرس

CSS Link selectors تحديد حالات الروابط في لغة CSS

سوف تتعلم في هذا الدرس التحكم في شكل الروابط عن طريق لغة CSS من حيث الألوان والحجم والخلفيات والتحكم في الروابط مع تمرير مؤشر mouse الفأرة علي الرابط.

1 صفوف تعليمية
لغة CSS
5,398 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

عن طريق link selectors في لغة CSS تستطيع التحكم في الروابط التي قمت بزيارتها مسبقاً ويقوم المتصفح بتغيير لونها باللون المميز والمختلف ويظهر هذا اللون مع ضغط أو تمرير زر mouse الفأرة.


للروابط 4 حالات في لغة CSS:

  • a:visited للتحكم في شكل الرابط الزي قمت بزيارته وهو أن يصبح بلوم نختلف بعد زيارتة أو شكل مختلف.
  • a:link للتحكم في الرابط الافتراضي الزي يظهر على المتصفح قبل زيارتة والأفتراضي لون الأزرق ويمكن تغييرة.
  • a:hover للتحكم في شكل الرابط الزي يتم تمرير مؤشر mouse أعلي الرابط فسوف يظهر بشكل مختلف ويرجع الشكل للأفتراضي عند إبعاد مؤشر زر mouse مرة أخري.
  • a:active للتحكم في شكل الرابط الزي يتم click النقر علية بزر الماوس في هذه اللحظة فقط عند الضغط سوف يتغير الشكل إيضا أو اللون.

CSS link styles with mouse engagement

تغيير شكل الرابط مع إحتكاك mouse الفأره في لغة CSS.