CSS : Bộ chọn hoạt động
Ví dụ
Chọn và tạo kiểu cho liên kết hoạt động:
a:active
{
background-color: yellow;
}
Hãy tự mình thử »Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và cách sử dụng
Bộ chọn :active
được sử dụng để chọn và tạo kiểu cho liên kết đang hoạt động.
Một liên kết sẽ hoạt động khi bạn nhấp vào nó.
Mẹo: Bộ chọn :active có thể được sử dụng trên tất cả các thành phần, không chỉ các liên kết.
Mẹo: Sử dụng bộ chọn :link để tạo kiểu cho các liên kết đến các trang chưa được truy cập, bộ chọn :visited để tạo kiểu cho các liên kết đến các trang đã truy cập và bộ chọn :hover để tạo kiểu cho các liên kết khi bạn di chuột qua chúng.
Lưu ý: :active PHẢI đặt sau :hover (nếu có) trong định nghĩa CSS để có hiệu quả!
Phiên bản: | CSS1 |
---|
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ bộ chọn.
Selector | |||||
---|---|---|---|---|---|
:active | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
Cú pháp CSS
:active {
css declarations ;
}
Thêm ví dụ
Ví dụ
Chọn và tạo kiểu cho phần tử <p>, <h1> và <a> khi bạn nhấp vào nó:
p:active, h1:active, a:active {
background-color: yellow;
}
Hãy tự mình thử »Ví dụ
Chọn và tạo kiểu cho các liên kết chưa được truy cập, đã truy cập, di chuột và đang hoạt động:
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over link */
a:hover {
color: red;
}
/* selected link */
a:active {
color: yellow;
}
Hãy tự mình thử »Ví dụ
Liên kết phong cách với các phong cách khác nhau:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
Hãy tự mình thử »Trang liên quan
Hướng dẫn CSS: Liên kết CSS
Hướng dẫn CSS: Các lớp giả CSS