:active Pseudo-class trong CSS

:active Pseudo Class trong CSS được sử dụng để thêm hiệu ứng đặc biệt cho một phần tử đã được activate.

Khi định nghĩa các Pseudo Class trong <style>...</style>, bạn cần chú ý các điểm sau:

• a:hover PHẢI theo sau a:link và a:visited trong phần định nghĩa CSS, nếu không nó sẽ không có hiệu quả.

• a:active PHẢI theo sau a:hover trong CSS, nếu không nó sẽ không có hiệu quả.

• Các tên được sử dụng cho Pseudo Class là không phân biệt kiểu chữ.

• Pseudo Class là khác với các Class khác trong CSS, tuy nhiên chúng có thể kết hợp với nhau.

:active Pseudo Class có thể nhận giá trị:

• color: bất kỳ giá trị màu hợp lệ nào.

:active Pseudo Class áp dụng cho:

Các phần tử Anchor / Link trong HTML.

Ví dụ minh họa :active Pseudo Class trong CSS

Sau đây là ví dụ minh họa cách sử dụng :active Pseudo Class trong CSS để thay đổi màu của một Active Link.

<html>
<head>
<style type="text/css">
   a:active {color: #FF00CC}
</style>
</head>
<body>
<a href="/css/index.jsp">Ban click vao day</a>
</body>
</html> 

Kết quả là: