:first-child
Misol
Ota elementining birinchi bolasi bo‘lgan har bir <p> elementini tanlang va unga uslub bering:
p:first-child {
background-color: yellow;
}
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
CSS :first-child psevdo-klassi ota elementining birinchi bolasi bo‘lgan elementni tanlaydi (qo‘shni elementlar guruhi orasida).
| Versiya: | CSS3 |
|---|
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar psevdo-klassni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Psevdo-klass | |||||
|---|---|---|---|---|---|
| :first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
CSS sintaksisi
Ko‘proq misollar
Misol
Ota elementining birinchi bolasi bo‘lgan har bir <i> elementini tanlang va unga uslub bering:
i:first-child {
background: yellow;
}
O‘zingiz sinab ko‘ring »
Misol
Ro‘yxatlardagi birinchi <li> elementini tanlang va unga uslub bering:
li:first-child {
background: yellow;
}
O‘zingiz sinab ko‘ring »
Misol
Har bir <ul> elementining birinchi bola elementini tanlang va unga uslub bering:
ul > :first-child {
background: yellow;
}
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
CSS darsligi: CSS psevdo-klasslar
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!