Tidadigi Logo

CSS :active Selector

The: active selector được dùng để tạo kiểu cho liên kết đang hoạt động. Kiểu hiển thị khi người dùng nhấp vào liên kết đó. Selector này khác với :link, :visited và :hover selectors. :active selector chủ yếu được dùng cho liên kết, nhưng dùng được cho mọi phần tử.

Syntax: 

:active{
    //CSS property
}

Example: Ví dụ này :active pseudo-class nhắm mục tiêu trạng thái active của các phần tử. Nó áp dụng màu nền xanh lá cho liên kết. Màu nền xanh dương cho đoạn văn khi được nhấp vào.

HTML 
<!DOCTYPE html>
<html>

<head>
    <title>Active selector</title>
    <style>
        a:active {
            background-color: green;
        }

        p:active {
            background-color: blue;
        }
    </style<
/head>

<body>
    <h3>Active for link.</h3>
    <a href="https://www.geeksforgeeks.org/">
        Geeks for Geeks
    </a>
    <h3>Active for text.</h3>
    <p>Click Me!!</p>
</body>

</html>

Output: 

css-active-selector

Supported Browsers:

  • Google Chrome 1
  • Edge 12
  • Firefox 1
  • Safari 1 
  • Opera 5

Last Updated : 21/07/2025