کلاس فرضی :visited CSS

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

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

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

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

سبک‌های مجاز شامل:

• رنگ
• رنگ پس‌زمینه
• border-color (و کناره‌های مختلف)
• رنگ کناره
• column-rule-color
• text-decoration-color
• text-emphasis-color
• ویژگی‌های SVG fill و stroke

مثال

مثال 1

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

a:visited {
  رنگ: صورتی;
}

آزمایش کنید

مثال 2

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

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

آزمایش کنید

مثال 3

برای تنظیم سبک‌های مختلف برای لینک‌ها:

a.ex1:hover, a.ex1:active {
  رنگ: قرمز;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

آزمایش کنید

نحوه نوشتن CSS

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

جزئیات فنی

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

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

صفحات مرتبط

آموزش:CSS لینک

آموزش:CSS کلاس فرضی