:visited Pseudo-class
شبه کلاس visited:
در CSS لینک هایی (تگ a
) را انتخاب می کند که توسط کاربران بازدید شده اند.
استایلهای اعمال شده توسط شبه کلاس visited:
توسط شبه کلاس های مرتبط دیگر نظیر active ،:hover:
و visited:
نادیده گرفته می شود. برای استایل دهی لینک ها به شیوه درست باید به ترتیب زیر آنها را بکار برد کرد:
LVHA -> :link – :visited – :hover – :active
بنا به داشتن حریم اختصاصی مرورگرها استایل دهی توسط این سودو کلاس را محدود کرده اند که عبارتند از:
- ویژگی های قابل استفاده عبارتند از:
color
, background-color
, border-color
, border-bottom-color
, border-left-color
, border-right-color
,border-top-color
, column-rule-color
, outline-color
, text-decoration-color
و text-emphasis-color
- صفتهای قابل استفاده در SVG عباتند از:
fill
وstroke
در مثال زیر نحوه عملکرد این شبه کلاس را میبینیم:
html
<a href="#test-visited-link">آیا هنوز این لینک را ندیده اید؟</a><br> <a href="">این لینک بازدید شده است.</a>
css
a { background-color: white; border: 1px solid white; } a:visited { background-color: yellow; border-color: hotpink; color: hotpink; }
مشاهده و ویرایش کد در حالت تمام صفحه
پشتیبانی مرورگرها
تمام مرورگرها از این شبه کلاس در CSS پشتیبانی می کنند.