الفرق بين المراجعتين لصفحة: «CSS/:link»
لا ملخص تعديل |
لا ملخص تعديل |
||
سطر 18: | سطر 18: | ||
<a href="#ordinary-target">هذا هو رابط عادي</a><br> | <a href="#ordinary-target">هذا هو رابط عادي</a><br> | ||
<a href="">لقد قمت بالفعل بزيارة هذا الرابط</a><br> | <a href="">لقد قمت بالفعل بزيارة هذا الرابط</a><br> | ||
<a>رابط العنصر -(لن تحصل على | <a>رابط العنصر -(لن تحصل على تصميم)</a> | ||
</syntaxhighlight>شيفرة CSS:<syntaxhighlight lang="css"> | </syntaxhighlight>شيفرة CSS:<syntaxhighlight lang="css"> | ||
a:link { | a:link { |
مراجعة 16:16، 3 أكتوبر 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 |
مصادر ومواصفات
- معيار HTML Living Standard.
- مسودة Selectors Level 4.
- مواصفة Selectors Level 3.
- مواصفة CSS Level 2 (Revision 1).
- مواصفة CSS Level 1.