Bộ chọn :nth-of-type(n) trong CSS

- Bộ chọn :nth-of-type(n) dùng để chọn những phần tử là phần tử con (thuộc một kiểu nào đó) thứ n của cha nó.

- Để sử dụng bộ chọn :nth-of-type(n), ta dùng cú pháp như sau:

:nth-of-type(n){
    các khai báo định dạng CSS
}

Ví dụ:

- Chọn những phần tử <p> là phần tử có kiểu <p> thứ ba bên trong cha nó.

p:nth-of-type(3){
    border:1px solid black;
}

Ví dụ:

p:nth-of-type(odd){
    border:1px solid black;
}
p:nth-of-type(even){
    border:1px solid red;
}

Ví dụ:

p:nth-of-type(2n + 0){
    border:1px solid black;
}