Hướng dẫn how do i make myself active in css? - làm thế nào để tôi làm cho mình hoạt động trong css?


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.



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ố

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

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

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
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

Làm cách nào để làm cho CSS hoạt động?

Để tạo các liên kết một cách thích hợp, hãy đặt: Quy tắc hoạt động 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 :: link-: đã truy cập-: di chuột-: hoạt động.:link — :visited — :hover — :active .

Hoạt động trong CSS có nghĩa là gì?

: Active là một lớp giả CSS.Nó chỉ định và chọn một phần tử dựa trên trạng thái trạng thái, trạng thái hoạt động và được sử dụng để áp dụng các kiểu cho một phần tử khi nó phù hợp với trạng thái đó.: Active Pseudo-Class là một lớp động được áp dụng khi một phần tử đang được người dùng kích hoạt.specifies and selects an element based on a state—the active state—and is used to apply styles to an element when it matches that state. The :active pseudo-class is a dynamic class which applies when an element is being activated by the user.

Tôi có thể làm những điều tuyệt vời nào với CSS?

8 Mẹo & Thủ thuật CSS mát mẻ để gây ấn tượng..
Cursors..
CSS trơn tru cuộn ..
Hình dạng CSS ..
Cắt ngắn văn bản với CSS ..
Trung tâm căn chỉnh với flexbox ..
Làm cho một cái bóng thả ..
Tạo hiệu ứng máy đánh chữ ..
Sử dụng các thuộc tính tùy chỉnh CSS (VAR).

CSS có thể được sử dụng một mình khô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. css' file extension, but it can be included with HTML code for smaller projects. Designers and developers typically keep the styling rules separate using a stand-alone CSS files because doing so keeps everything organized and makes it easier to build upon.