الفرق بين المراجعتين لصفحة: «CSS/:link»

مراجعة 15:40، 28 يناير 2018

الصنف الزائف ‎:link في CSS (أي pseudo-class) يُمثِّل عنصرًا لم تتم زيارته من قبل، ويُطابِق جميع عناصر <a> و <area> و <link> التي لها الخاصية href ولم تتم زيارتها بعد.

a:link {
  color: red;
}

الأنماط المُعرَّفة للصنف الزائف ‎:link سيتم تجاوزها بأيّة أصناف زائفة تليها خاصة بالروابط (مثل ‎:active أو ‎:hover أو ‎:visited) التي لها نفس درجة التحديد. ولتطبيق الأنماط تطبيقًا صحيحًا فضع قاعدة ‎:link قبل جميع القواعد الخاصة بالروابط وفق الترتيب ‎:link ثم ‎:visited ثم ‎:hover ثم ‎:active.

ملاحظة: استخدم المُحدِّد ‎:any-link لتحديد الروابط جميعها سواءً زارها المستخدم من قبل أم لم يزرها.

الشكل العام لهذا المحدد:

:link

أمثلة

تُطبِّق أغلبية المتصفحات قيمةً لونيةً خاصةً color على الروابط التي زارها المستخدم، أي ستكون ألوان الخطوط في الروابط التالية مختلفةً قبل زيارتها (وبعد زيارتها، عليك أن تمسح تأريخ المتصفح لعرضها بألوانها الابتدائية). لكن من المرجح أن تبقى قيم الخاصية background-color ذلك لأنَّ أغلبية المتصفحات لا تضبط قيمة هذه الخاصية على الروابط التي زارها المستخدم.

<a href="#ordinary-target">This is an ordinary link.</a><br>
<a href="">You've already visited this link.</a><br>
<a>Placeholder link (won't get styled)</a>

شيفرة CSS:

a:link {
  background-color: gold;
  color: green;
}

دعم المتصفحات

الميزة	Chrome	Firefox	Internet Explorer	Opera	Safari
الدعم الأساسي	1.0	1.0	3.0	3.5	1.0

مصادر ومواصفات

معيار HTML Living Standard.
مسودة Selectors Level 4.
مواصفة Selectors Level 3.
مواصفة ‎CSS Level 2 (Revision 1)‎.
مواصفة CSS Level 1.

@@ سطر 48: / سطر 48: @@
 *مواصفة ‎[http://www.w3.org/TR/CSS2/selector.html#link-pseudo-classes CSS Level 2 (Revision 1)]‎.
 *مواصفة [http://www.w3.org/TR/CSS1/#anchor-pseudo-classes CSS Level 1].
-[[تصنيف:CSS]]
+[[تصنيف:CSS|{{SUBPAGENAME}}]]
-[[تصنيف:CSS Selectors]]
+[[تصنيف:CSS Selectors|{{SUBPAGENAME}}]]
-[[تصنيف:CSS pseudo-class]]
+[[تصنيف:CSS pseudo-class|{{SUBPAGENAME}}]]