Bộ chọn :nth-last-of-type() của jQuery
Ví dụ
Chọn từng phần tử <p> là phần tử <p> thứ ba của phần tử mẹ, tính từ phần tử con cuối cùng:
$("p:nth-last-of-type(3)")
Hãy tự mình thử »Định nghĩa và cách sử dụng
Bộ chọn :nth-last-of-type( n ) chọn tất cả các phần tử là phần tử con thứ n , thuộc một loại cụ thể, của phần tử cha của chúng, tính từ phần tử con cuối cùng.
Mẹo: Sử dụng bộ chọn :nth-last-child() để chọn tất cả các phần tử là phần tử con thứ n , bất kể loại nào , của phần tử cha, tính từ phần tử con cuối cùng.
Cú pháp
:nth-last-of-type( n |even|odd| formula )
Parameter | Description |
---|---|
n | The index of each child to match. Must be a number. The first element has the index number 1. |
even | Selects each even child element |
odd | Selects each odd child element |
formula | Specifies which child element(s) to be selected with a formula ( an + b ). Example: p:nth-last-child(3n+2) selects each 3rd paragraph, starting at the last 2nd paragraph |
Hãy tự mình thử - Ví dụ
Chọn từng phần tử <p> là phần tử <p> đầu tiên> trong tất cả phần tử <div>, tính từ phần tử con cuối cùng
Cách chọn từng phần tử <p> là phần tử <p> đầu tiên trong tất cả các phần tử <div>, tính từ phần tử con cuối cùng.
Sử dụng công thức (an + b)
Cách sử dụng công thức ( an + b ) để chọn các phần tử <p> khác nhau, tính từ phần tử con cuối cùng.
Sử dụng “chẵn” và “lẻ”
Cách sử dụng chẵn và lẻ để chọn các phần tử <p> khác nhau, tính từ phần tử con cuối cùng.
Sự khác biệt giữa :nth-child(), :nth-last-child(), :nth-of-type() và :nth-of-last-type()
Sự khác biệt giữa p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) và p:nth-of-last-type(2).