Thí dụ
Chọn và tạo kiểu liên kết hoạt động:
A: Hoạt động {& nbsp; Màu nền: Vàng; }
background-color: yellow;
}
Hãy tự mình thử »
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
Bộ chọn :active
được sử dụng để chọn và tạo kiểu liên kết 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 hoạt động có thể được sử dụng trên tất cả các yếu tố, không chỉ các liên kết. The :active selector can be used on all elements, not only links.
Mẹo: Sử dụng bộ chọn liên kết: Liên kết kiểu đến các trang không được biết đến,: Bộ chọn đã truy cập đến các liên kết kiểu đến các trang đã truy cập và: Bộ chọn Hover để liên kết kiểu khi bạn chuột qua chúng. Use the :link selector to style links to unvisited pages, the :visited selector to style links to visited pages, and the :hover selector to style links when you mouse over them.
Lưu ý :: Hoạt động phải đến sau: Di chuột [nếu có] trong định nghĩa CSS để có hiệu quả! :active MUST come after :hover [if present] in the CSS definition in order to be effective!
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ợ hoàn toàn bộ chọn.
:tích cực | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
CSS Cú pháp
: Active {& nbsp; & nbsp; css khai báo;}
css declarations;
}
Nhiều ví dụ hơn
Thí dụ
Chọn và tạo kiểu A và phần tử khi bạn nhấp vào nó:
P: Active, H2: Active, A: Active {& nbsp; Màu nền: Vàng; }
background-color: yellow;
}
Hãy tự mình thử »
Thí dụ
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
a:link {
color: green;
}
Bộ chọn :active
được sử dụng để chọn và tạo kiểu liên kết hoạt động.
a:visited {
color: green;
}
Một liên kết sẽ hoạt động khi bạn nhấp vào nó.
a:hover {
color: red;
}
Mẹo: Bộ chọn hoạt động có thể được sử dụng trên tất cả các yếu tố, không chỉ các liên kết.
a:active {
color: yellow;
}
Hãy tự mình thử »
Thí dụ
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
color: red;
}
Bộ chọn :active
được sử dụng để chọn và tạo kiểu liên kết hoạt động.
font-size: 150%;
}
Hãy tự mình thử »
Thêm ví dụ "hãy thử nó" dưới đây.
Định nghĩa và cách sử dụng
Bộ chọn :active
được sử dụng để chọn và tạo kiểu liên kết hoạt động.
CSS thường được sử dụng làm tệp độc lập bằng cách sử dụng tiện ích mở rộng tệp '.css', nhưng nó có thể được bao gồm trong mã HTML cho các dự án nhỏ hơn. Các nhà thiết kế và nhà phát triển thường giữ các quy tắc kiểu dáng riêng biệt bằng cách sử dụng các tệp CSS độc lập vì làm như vậy giữ cho mọi thứ được tổ chức và giúp xây dựng dễ dàng hơn.:active
CSS pseudo-class represents an element [such as a button] that is being activated by the user. When using a mouse, "activation" typically starts when the user presses down the primary mouse button.
Lớp giả CSS ____4 đại diện cho một phần tử [chẳng hạn như một nút] đang được người dùng kích hoạt. Khi sử dụng chuột, "kích hoạt" thường bắt đầu khi người dùng nhấn nút chuột chính.
Thử nó
Các lớp giả :active
thường được sử dụng trên các yếu tố và
. Các mục tiêu phổ biến khác của lớp giả này bao gồm các phần tử được chứa trong một phần tử được kích hoạt và các phần tử hình thức đang được kích hoạt thông qua
liên quan của chúng.
Lưu ý: Trên các hệ thống có chuột đa nút, CSS chỉ định rằng lớp giả :active
chỉ phải áp dụng cho nút chính; Trên chuột thuận tay phải, đây thường là nút ngoài cùng bên trái. On systems with multi-button mice, CSS specifies that
the :active
pseudo-class must only apply to the primary button; on right-handed mice, this is typically the leftmost button.
Cú pháp
Ví dụ
Liên kết hoạt động
HTML
This paragraph contains a link:
This link will turn red while you click on it.
The paragraph will get a gray background while you click on it or the link.
CSS
/* Unvisited links */
a:link {
color: blue;
}
/* Visited links */
a:visited {
color: purple;
}
/* Hovered links */
a:hover {
background: yellow;
}
/* Active links */
a:active {
color: red;
}
/* Active paragraphs */
p:active {
background: #eee;
}
Kết quả
Các yếu tố hình thức hoạt động
HTML
My button:
Try Clicking Me or My Label!
CSS
form :active {
color: red;
}
form button {
background: white;
}
Kết quả
Các yếu tố hình thức hoạt động
Sự chỉ rõ # selector-active |
HTML Standard # Selector-Active # the-active-pseudo |
Thông số kỹ thuật không xác định # PSEUDO hoạt động
Tính tương thích của trình duyệt web
Bảng BCD chỉ tải trong trình duyệt
- Xem thêm