CSS - Pseudo-class: hoạt động

Sự miêu tả

Lớp giả : hoạt động được sử dụng để thêm hiệu ứng đặc biệt cho phần tử được kích hoạt.

Trong khi xác định các lớp giả trong khối <style> ... </style>, cần lưu ý những điểm sau:

  • a: hover PHẢI đứng sau a: link và a: được truy cập trong định nghĩa CSS để có hiệu quả.

  • a: active PHẢI đứng sau a: di chuột vào định nghĩa CSS để có hiệu quả.

  • Tên lớp giả không phân biệt chữ hoa chữ thường.

  • Lớp giả khác với các lớp CSS nhưng chúng có thể được kết hợp với nhau.

Những giá trị khả thi

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

Áp dụng đối với

Phần tử neo / Liên kết.

Thí dụ

Sau đây là ví dụ minh họa cách sử dụng : active class để thay đổi màu của các liên kết đang hoạt động.

<html>
   <head>
      <style type = "text/css">
         a:active {color: #FF00CC}
      </style>
   </head>

   <body>
      <a href="/https/isolution.pro/html/index.htm">Click This Link</a>
   </body>
</html>

Điều này sẽ tạo ra liên kết sau. Điều này sẽ thay đổi màu sắc của nó thành màu hồng khi người dùng nhấp vào nó.


Language