عرض مصدر CSS/:visited

<noinclude>{{DISPLAYTITLE: الصنف <code>‎:visited</code>}}</noinclude>
الصنف الزائف <code>‎:visited</code> في CSS (أي pseudo-class) يُمثِّل عنصرًا تمت زيارته من قبل، ولأسباب تابعة للخصوصية فإنَّ عدد الخاصيات التي يمكن تغيير قيمتها باستخدام هذا المُحدِّد قليلةٌ جدًا.
<syntaxhighlight lang="css">
a:visited {
  color: green;
}
</syntaxhighlight>الأنماط المُعرَّفة للصنف الزائف <code>‎:visited</code> سيتم تجاوزها بأيّة أصناف زائفة تليها خاصة بالروابط (مثل <code>[[CSS/:active|‎:active]]</code> أو <code>[[CSS/:hover|‎:hover]]</code> أو <code>[[CSS/:link|‎:link]]</code>) التي لها نفس درجة التحديد. ولتطبيق الأنماط تطبيقًا صحيحًا فضع قاعدة <code>‎:visited</code> بعد قاعدة <code>‎[[CSS/:link|:link]]</code> لكن قبل بقية القواعد الخاصة بالروابط وفق الترتيب <code>[[CSS/:link|‎:link]]</code> ثم <code>‎:visited</code> ثم <code>[[CSS/:hover|‎:hover]]</code> ثم <code>[[CSS/:active|‎:active]]</code>.

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

لأسبابٍ تتعلق بالخصوصية، فإنَّ عدد الخاصيات التي مكن تطبيقها على هذا الصنف محدودةٌ جدًا:
* الخاصيات المسموحة هي <code>[[CSS/color|color]]</code> و <code>[[CSS/background-color|background-color]]</code> و <code>[[CSS/border-color|border-color]]</code> و <code>[[CSS/border-bottom-color|border-bottom-color]]</code> و <code>[[CSS/border-left-color|border-left-color]]</code> و <code>[[CSS/border-right-color|border-right-color]]</code> و <code>[[CSS/border-top-color|border-top-color]]</code> و <code>[[CSS/column-rule-color|column-rule-color]]</code> و <code>[[CSS/outline-color|outline-color]]</code>.
* خاصيات SVG المسموحة هي <code>fill</code> و <code>stroke</code>.
* سيتم تجاهل قناة alpha لجميع الأنماط المُطبَّقة.
* صحيحٌ أنَّ الخاصيات السابقة قد تُغيّر من مظهر الألوان للمستخدم النهائي، لكن الخاصية <code>window.getComputedStyle</code> ستكذب دومًا وستُعيد القيمة اللونية لحالات الرابط الأخرى (الحالات ما عدا الحالة ‎<code>:visited</code>)
الشكل العام لهذا المحدد:<syntaxhighlight lang="css">
:visited
</syntaxhighlight>

== أمثلة ==
شيفرة HTML:
<syntaxhighlight lang="html">
<a href="#test-visited-link">هل قمت بزيارة هذا الرابط حتى الآن؟</a><br>
<a href="">لقد قمت بالفعل بزيارة هذا الرابط</a>

</syntaxhighlight>شيفرة CSS:<syntaxhighlight lang="css">
a {
  background-color: white;
  border: 1px solid white;
}

a:visited {
  background-color: yellow;
  border-color: hotpink;
  color: hotpink;
}
</syntaxhighlight>

==دعم المتصفحات==
{| class="wikitable"
!الميزة
!|Chrome
!Firefox
!Internet Explorer
!Opera
!Safari
|-
!الدعم الأساسي
|1.0
|1.0
|3.0
|3.5
|1.0
|-
!جعل عدد الخاصيات محدودًا
|6.0
|4.0
|8.0
|؟
|5.0
|}

==انظر أيضًا==
* صفحة الصنف الزائف <code>[[CSS/:link|link:]]</code> الذي يُمثِّل عنصرًا لم تتم زيارته من قبل.
* صفحة الصنف الزائف <code>[[CSS/:active|active:]]</code> الذي يُمثِّل عناصر (مثل الأزرار) التي جرى تفعيلها من المستخدم. وعند استخدام الفأرة سيبدأ «تفعيل» العنصر عندما يضغط المستخدم على الزر الرئيسي لها وينتهي عند إفلات الضغط على ذاك الزر.
* صفحة الصنف الزائف <code>[[CSS/:hover|hover:]]</code> الذي يُطابِق العناصر التي يتفاعل المستخدم معها مع جهاز تأشير لكن ليس بالضرورة أن يفعِّلها، ويُفعَّل هذا الصنف الزائف عادةً عندما يمر المستخدم بجهاز التأشير (الفأرة غالبًا) فوق العنصر.

== مصادر ومواصفات ==
*معيار [https://html.spec.whatwg.org/multipage/scripting.html#selector-visited HTML Living Standard].
*مسودة [https://drafts.csswg.org/selectors-4/#link Selectors Level 4].
*مواصفة [https://drafts.csswg.org/selectors-3/#link Selectors Level 3].
*مواصفة ‎[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|{{SUBPAGENAME}}]]
[[تصنيف:CSS Selectors|{{SUBPAGENAME}}]]
[[تصنيف:CSS pseudo-class|{{SUBPAGENAME}}]]