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. Các lớp giả Các kiểu được xác định bởi lớp giả :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.Thử nó
: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 yếu 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.
:active
sẽ được ghi đè bởi bất kỳ lớp giả liên kết liên kết nào tiếp theo [____10,
1 hoặc /* 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;
}
2] có ít nhất độ đặc hiệu. Để tạo các liên kết một cách thích hợp, hãy đặt quy tắc /* 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;
}
:active
sau tất cả các quy tắc liên quan đến liên kết khác, như được định nghĩa bởi LVHA-order:
0-/* 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;
}
2-/* 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;
}
1-/* 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;
}
:active
.
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
CSS
CSS
form :active {
color: red;
}
form button {
background: white;
}
Kết quả
Các yếu tố hình thức hoạt động
Thông số kỹ thuật # selector-active |
Sự chỉ rõ # the-active-pseudo |
HTML Standard # Selector-Active
Bộ chọn cấp độ 4 # Active-pseudo
Tính tương thích của trình duyệt web
- Bảng BCD chỉ tải trong trình duyệt
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.