CSS – الروابط Links

تتشابه الروابط مع النصوص في الخصائص، لكن تتميز الروابط بما يعرف ب Pseudo-Classes وهي مجموعة من الاصناف التي تصف حالة معينة لعناصر HTML (سيتم شرح Pseudo-Classes باستفاضة في درس قادم). لكي نحدد تلك الحالات في المحدد selector نستخدم الرمز : ثم اسم الحالة a:hover . هناك 4 حالات للروابط وهي كالاتي:

• a:link : يستخدم لتحديد الروابط التي لم يتم زيارتها من قبل.
• a:visited : يستخدم لتحديد الروابط التي تم زيارتها من قبل.
• a:hover : يستخدم لتحديد الروابط عندما يكون مؤشر الفأرة فوقة (عندما نمر بالفأرة فوق الرابط).
• a:active : يستخدم لتحديد الروابط اثناء الضغط عليها.

عند تعريف تلك الحالات يجب ان تكون خاصية a:hover بعد a:link و a:visited . ايضا، يجب ان يكون a:active بعد a:hover.

مثال:

a:link {
	color: blue;
}
a:visited {
   color: red;
   }
a:hover {
	color: green;
}
a:active {
	color: orange;
}

<a href="https://arabituts.com">click me!!</a>

<a href="">click me!!</a>

الناتج