Tidadigi Logo

CSS :visited Selector

Trong CSS, selector :visited được dùng để chọn các liên kết đã được truy cập. Ví dụ truy cập một liên kết trên trang web sau đó xem lại. Bạn sẽ thấy màu sắc của liên kết đó đã thay đổi. Sự thay đổi màu này là nhờ selector :visited.
Các thuộc tính CSS được phép dùng cho selector :visited được liệt kê dưới đây:

  • color
  • border-color
  • background-color
  • outline color
  • column-rule-color
  • fill-color and stroke

Syntax:  

:visited {
    // CSS Properties
}

Example: Trong ví dụ này, selector :visited được sử dụng để tạo kiểu cho các liên kết đã truy cập. Màu xanh lá cây sẽ được áp dụng cho liên kết đã truy cập.

HTML 
<!-- HTML code to illustrate :visited selectors -->
<!DOCTYPE html>
<html>

<head>
    <title>:visited selector</title>
    <style>
        /* visited CSS property */
        a:visited {
            color: green;
        }
    </style>
</head>

<body style="text-align:center">
    <h1>
        :visited Selector
    </h1>
    <h3>
        Click on the link
    </h3>

    <p>
        Visit Geeks:
        <a href="https://www.geeksforgeeks.org/" 
           target="_blank">
            geeksforgeeks.org
        </a>
    </p>

</body>

</html>

Output: 

css-visited-selector

Supported Browser:

  • Google Chrome 1
  • Microsoft Edge 12
  • Firefox 1
  • Opera 3.5
  • Safari 1

Last Updated : 21/07/2025