Hướng dẫn what is difference between :: active and active in css? - sự khác biệt giữa :: active và active trong css là gì?

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.: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ó

Các lớp giả :active thường được sử dụng trên các yếu tố

Cú pháp

Ví dụ

Liên kết hoạt động

HTML

<p>
  This paragraph contains a link:
  <a href="#">This link will turn red while you click on it.a>
  The paragraph will get a gray background while you click on it or the link.
p>

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

<form>
  <label for="my-button">My button: label>
  <button id="my-button" type="button">Try Clicking Me or My Label!button>
form>
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!

Version: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.

Bộ chọn
:tích cực4.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.



Có nghĩa là gì bởi :: trong CSS?

Định nghĩa và cách sử dụng :: Sau khi bộ chọn chèn một cái gì đó sau nội dung của từng phần tử được chọn. Sử dụng thuộc tính Nội dung để chỉ định nội dung để chèn. Sử dụng :: trước khi chọn để chèn một cái gì đó trước nội dung. Phiên bản: CSS2.The ::after selector inserts something after the content of each selected element(s). Use the content property to specify the content to insert. Use the ::before selector to insert something before the content. Version: CSS2.

Tại sao :: được sử dụng trong CSS?

Cú pháp. LƯU Ý: CSS đã giới thiệu :: Sau ký hiệu (với hai dấu chấm) để phân biệt các lớp giả với các yếu tố giả. Để tương thích ngược, trình duyệt cũng chấp nhận: sau, được giới thiệu trước đó.to distinguish pseudo-classes from pseudo-elements. For backward compatibility, browsers also accept :after , introduced earlier.

Sự khác biệt giữa hoạt động và tập trung trong CSS là gì?

: Focus là khi một phần tử có thể chấp nhận đầu vào - con trỏ trong hộp đầu vào hoặc liên kết đã được lập bảng.: Hoạt động là khi một phần tử đang được người dùng kích hoạt - thời gian giữa khi người dùng nhấn nút chuột và sau đó giải phóng nó.Xin chào!

Liên kết hoạt động trong CSS là gì?

Định nghĩa và sử dụ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.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.A link becomes active when you click on it. Tip: The :active selector can be used on all elements, not only links. Tip: 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.