کلاس جعلی :visited CSS

تعریف و استفاده

CSS :visited کلاس‌های جعلی برای تنظیم طرح لینک‌های بازدید شده استفاده می‌شوند.

توضیح:استفاده کنید :link برای تنظیم طرح لینک صفحه‌های بازدید نشده استفاده کنید، از :hover طرح لینک در حال قرار گرفتن موش بر روی آن تنظیم کنید، از :active طرح لینک در حال کلیک کردن تنظیم کنید.

توجه:برای تنظیم صحیح طرح لینک، لطفاً :visited قوانین قرار می‌گیرند :link پس از قوانین، اما قبل از :hover و :active قبل از قوانین.

طرح‌های مجاز شامل:

• color
• background-color
• border-color (و border-color هر سمت)
• outline color
• column-rule-color
• text-decoration-color
• text-emphasis-color
• ویژگی‌های SVG fill و stroke

مثال

مثال 1

طرح لینک بازدید شده را انتخاب و تنظیم کنید:

a:visited {
  color: pink;
}

آزمایش کنید

مثال 2

طرح‌های لینک‌های بازدید نشده، بازدید شده، قرار گرفتن موش و فعال را انتخاب و تنظیم کنید:

/* لینک بازدید نشده */
a:link {
  color: green;
}
/* لینک بازدید شده */
a:visited {
  color: green;
}
/* لینک با قرار گرفتن موش بر روی آن */
a:hover {
  color: red;
}
/* لینک فعال */
a:active {
  color: yellow;
}

آزمایش کنید

مثال 3

طرح‌های مختلف برای لینک‌ها تنظیم کنید:

a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

آزمایش کنید

نوشتار CSS

:visited {
  اظلاعات css;
}

جزئیات فنی

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگر پشتیبان از این کلاس جعلی کامل است.

صفحات مرتبط

آموزش:لینک CSS

آموزش:کلاس‌های جعلی CSS