Làm thế nào để bạn sử dụng đầu tiên của loại?

2024 Tác giả: Lynn Donovan | [email protected]. Sửa đổi lần cuối: 2023-12-15 23:55

: loại đầu tiên . Các: loại đầu tiên bộ chọn trong CSS cho phép bạn nhắm mục tiêu đầu tiên sự xuất hiện của một phần tử trong vùng chứa của nó. Nó được định nghĩa trong thông số CSS Selectors Level 3 là “lớp giả cấu trúc”, có nghĩa là đã sử dụng để tạo kiểu nội dung dựa trên mối quan hệ của nó với nội dung của cha mẹ và anh chị em.

Ở đây, cái gì được chọn bởi phần bộ chọn P đầu tiên của loại?

Các: loại đầu tiên lớp giả chọn yếu tố đầu tiên của nó kiểu (div, P , Vân vân). Sử dụng một lớp học bộ chọn (hoặc một bộ chọn loại ) với lớp giả đó có nghĩa là lựa chọn một yếu tố nếu nó có lớp đã cho (hoặc thuộc lớp đã cho kiểu ) và là đầu tiên của nó kiểu giữa các anh chị em của nó.

Cũng cần biết, sự khác biệt giữa bộ chọn thứ n của loại () và thứ N () con () là gì? Các nth-of-type () lớp giả, giống như nth-child () , được sử dụng để so khớp một phần tử dựa trên một số. Tuy nhiên, con số này đại diện cho vị trí của phần tử trong số các phần tử anh chị em của nó có cùng loại phần tử.

Tương tự, làm thế nào để bạn chọn con đầu tiên trong CSS?

Nếu bạn muốn lựa chọn và phong cách đầu tiên đoạn bên trong một vùng chứa, cho dù nó có phải là đứa con đầu lòng , bạn có thể dùng: đầu tiên -công cụ chọn loại, như tên cho thấy, sẽ chọn cái đầu tiên phần tử thuộc loại của nó, cho dù nó có phải là đứa con đầu lòng của cha mẹ của nó.

Làm cách nào để bạn chọn phần tử thứ n trong CSS?

Bộ chọn CSS: nth-child ()

1. Chỉ định màu nền cho mọi

   phần tử là phần tử con thứ hai của phần tử cha của nó: p: nth-child (2) {

2. Lẻ và chẵn là những từ khóa có thể được sử dụng để so khớp các phần tử con có chỉ số là lẻ hoặc chẵn (chỉ số của phần tử con đầu tiên là 1).
3. Sử dụng công thức (an + b).