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

من موسوعة حسوب
< CSS
لا ملخص تعديل
لا ملخص تعديل
 
سطر 42: سطر 42:
|1.0
|1.0
|}
|}
==مصادر ومواصفات==
==انظر أيضًا==
* صفحة الصنف الزائف <code>[[CSS/:active|active:]]</code> الذي يُمثِّل عناصر (مثل الأزرار) التي جرى تفعيلها من المستخدم. وعند استخدام الفأرة سيبدأ «تفعيل» العنصر عندما يضغط المستخدم على الزر الرئيسي لها وينتهي عند إفلات الضغط على ذاك الزر.
* صفحة الصنف الزائف <code>[[CSS/:visited|visited:]]</code> الذي يُمثِّل عنصرًا تمت زيارته من قبل، ولأسباب تابعة للخصوصية فإنَّ عدد الخاصيات التي يمكن تغيير قيمتها باستخدام هذا المُحدِّد قليلةٌ جدًا.
 
== مصادر ومواصفات ==
*معيار [https://html.spec.whatwg.org/multipage/scripting.html#selector-link HTML Living Standard].
*معيار [https://html.spec.whatwg.org/multipage/scripting.html#selector-link HTML Living Standard].
*مسودة [https://drafts.csswg.org/selectors-4/#link Selectors Level 4].
*مسودة [https://drafts.csswg.org/selectors-4/#link Selectors Level 4].

المراجعة الحالية بتاريخ 14:25، 24 أكتوبر 2018

الصنف الزائف ‎:link في CSS (أي pseudo-class) يُمثِّل عنصرًا لم تتم زيارته من قبل، ويُطابِق جميع عناصر و <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">هذا هو رابط عادي</a><br>
<a href="">لقد قمت بالفعل بزيارة هذا الرابط</a><br>
<a>رابط العنصر -(لن تحصل على تصميم)</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

انظر أيضًا

  • صفحة الصنف الزائف active: الذي يُمثِّل عناصر (مثل الأزرار) التي جرى تفعيلها من المستخدم. وعند استخدام الفأرة سيبدأ «تفعيل» العنصر عندما يضغط المستخدم على الزر الرئيسي لها وينتهي عند إفلات الضغط على ذاك الزر.
  • صفحة الصنف الزائف visited: الذي يُمثِّل عنصرًا تمت زيارته من قبل، ولأسباب تابعة للخصوصية فإنَّ عدد الخاصيات التي يمكن تغيير قيمتها باستخدام هذا المُحدِّد قليلةٌ جدًا.

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