: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 پشتیبانی می کنند.
