Web Cơ Bản

Bộ chọn :only-of-type trong CSS

1) Bộ chọn :only-of-type trong CSS

- Bộ chọn :only-of-type dùng để chọn tất cả những phần tử là phần tử con (thuộc một kiểu nào đó) duy nhất bên trong cha nó.

2) Cách sử dụng bộ chọn :only-of-type trong CSS

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

:only-of-type{
    các khai báo định dạng CSS
}

3) Một số ví dụ

Ví dụ:

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


p:only-of-type{
    border:1px solid black;
    padding:10px;
}
Xem ví dụ
Ví dụ:

- Chọn những phần tử <div> là phần tử có kiểu <div> duy nhất bên trong cha nó.


div:only-of-type{
    border:1px solid black;
    padding:10px;
}
Xem ví dụ