Web Cơ Bản

Bộ chọn :first-child trong CSS

1) Bộ chọn :first-child trong CSS

- Bộ chọn :first-child dùng để chọn tất cả các phần tử là phần tử con đầu tiên của cha nó.

- Gợi ý: Để chọn tất cả các phần tử là phần tử con cuối cùng của cha nó thì dùng bộ chọn :last-child.

2) Cách sử dụng bộ chọn :first-child trong CSS

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

:first-child{
    các khai báo định dạng CSS
}

3) Một số ví dụ

Ví dụ:

- Chọn các phần tử nằm bên trong <p> với điều kiện các phần tử đó phải là phần tử con đầu tiên của cha nó


p :first-child{
    border:1px solid black;
    padding:5px;
}
Xem ví dụ