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ụ