Bộ chon :active trong css

Bài viết này sẽ giúp các bạn hiểu hơn về bộ chọn :active trong css về cú pháp, cách sử dụng và các ví dụ thực hành

Bộ chon :active trong css

Ví dụ

- Chọn và định kiểu backgroup cho thẻ div

Code HTML:

<div class="ex_active">Ví dụ về bộ chọn active</div>

Code CSS:

div.ex_active:active {

 background-color: yellow;

}

Định nghĩa và cách sử dụng

- Bộ chọn active trong css được sử dụng để chọn và định kiểu style cho phần tử được click, được nhấp vào. Một liên kết sẽ hoạt động khi bạn nhấp vào nó.

- Mẹo: Bộ chọn có thể hoạt động được sử dụng trên tất cả các thẻ html, cả thẻ div ở ví dụ trên, không chỉ các thẻ liên kết.

- Mẹo: Sử dụng bộ chọn :link để tạo kiểu liên kết đến các trang không được chú ý, bộ chọn :visited để tạo kiểu liên kết đến các trang đã truy cập và bộ chọn :hover để liên kết kiểu khi bạn di chuột qua chúng.

- Lưu ý: Bộ chọn :active trong css phải được sử dụng sau :hover trong css thì mới có hiệu lực. Mới thực thi đúng ý muốn của bạn được.

Xem thêm bài viết về: active trong css