Lớp giả là hiển thị trạng thái khác nhau của một phần tử hoặc một bộ chọn css. lớp giả đã truy cập là để cho thấy rằng liên kết đã được truy cập.
Lớp giả này chủ yếu được liên kết với liên kết.
Cú pháp
a:visited { color:green;} Hãy kiểm tra việc sử dụng thực tế của :lớp giả đã truy cập với các tình huống khác nhau, như sau -
Ví dụ
<html>
<head>
<style>
a:visited { color:green;}
</style>
</head>
<body>
<a href="https://www.tutorialspoint.com">Click here to learn</a>
</body>
</html> Giải thích
Khi bạn nhìn thấy liên kết lần đầu, nó sẽ được hiển thị với màu liên kết bình thường (Xanh lam) và liên kết sẽ chuyển sang màu xanh lục nếu liên kết này đã được truy cập một lần.
Ví dụ
<html>
<head>
<style>
/* setting default style to make the style visible for :visited state */
a { background-color: white; border:1px solid white;}
a:visited {border:yellow;}
</style>
</head>
<body>
<a href="https://www.tutorialspoint.com">Click here to learn</a>
</body>
</html> Giải thích
Trong ví dụ này khi liên kết được truy cập, nó sẽ bao gồm đường viền màu vàng 1px cho liên kết.
Ví dụ
<html>
<head>
<style>
/* setting default style to make the style visible for :visited state */
a { background-color: white; }
a:visited { background-color: seagreen;}
</style>
</head>
<body>
<a href="https://www.tutorialspoint.com">Click here to learn</a>
</body>
</html> Giải thích
Khi bạn truy cập liên kết một lần, nó sẽ thay đổi màu nền thành xanh lam.
Hạn chế tạo kiểu
Vì lý do riêng tư và bảo mật, lớp giả đã truy cập có thể hoạt động với một số thuộc tính css hạn chế như màu sắc, màu nền, màu đường viền, màu đường viền-dưới cùng, màu đường viền-trái-màu, đường viền-phải-màu, đường viền-trên cùng- các thuộc tính color, column-rule-color, outline-color và SVG là tô màu và nét vẽ.
Khả năng tương thích của trình duyệt
| Chrome | Firefox | Cạnh | IE | Safari | Opera |
| 1 | 1 | Có | Có | 1 | 3.5 |