CSS : công cụ chọn con đầu tiên
Thí dụ
Chọn và tạo kiểu cho mọi phần tử <p> là phần tử con đầu tiên của phần tử cha của nó:
p:first-child
{
background-color: yellow;
}
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Bộ :first-child
chọn được sử dụng để chọn bộ chọn được chỉ định, chỉ khi nó là con đầu tiên của bộ chọn mẹ của nó.
Phiên bản: | CSS2 |
---|
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ bộ chọn.
Selector | |||||
---|---|---|---|---|---|
:first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
Cú pháp CSS
:first-child {
css declarations;
}
Các ví dụ khác
Thí dụ
Chọn và tạo kiểu cho mọi phần tử <i> của mọi phần tử <p>, trong đó phần tử <p> là phần tử con đầu tiên của phần tử cha của nó:
p:first-child i
{
background: yellow;
}
Thí dụ
Chọn và tạo kiểu cho phần tử <li> đầu tiên trong danh sách:
li:first-child
{
background: yellow;
}
Thí dụ
Chọn và tạo kiểu cho phần tử con đầu tiên của mọi phần tử <ul>:
ul > :first-child
{
background: yellow;
}
Các trang liên quan
Hướng dẫn CSS: Các lớp giả CSS