CSS psevdoklasslar
CSS psevdo-klasslari
CSS psevdo-klass — elementning maxsus holati uchun uslub belgilash uchun selektorga qo‘shilishi mumkin bo‘lgan kalit so‘zdir.
Psevdo-klasslarning ba’zi keng tarqalgan qo‘llanilishlari:
- Foydalanuvchi sichqonchani element ustiga olib borganda uni uslublash
- Kirilgan va kirilmagan havolalarni har xil uslublash
- Element diqqat markazida bo‘lganda unga uslub bering
- Style valid/invalid/required/optional form elements
- Ota elementning birinchi farzandi bo‘lgan elementni uslublash
Sintaksis
Psevdo-klasslar har doim bitta ikki nuqta (:) va undan keyin psevdo-klass nomi bilan belgilanadi:
selector:pseudo-class-name {
CSS properties
}
Mouse Over Me
Interaktiv psevdo-klasslar
Interactive pseudo-classes apply styles based on user interaction:
:hover- Sichqoncha element ustida turganda:focus- Element fokusga ega bo‘lganda:active- Element faollashtirilganda:link- Unvisited links:visited- Visited links
Struktura psevdo-klasslari
Strukturaviy psevdo-klasslar elementlarni hujjat daraxtidagi joyiga qarab tanlaydi:
:first-child- ota elementning birinchi bola elementi:last-child- ota elementning oxirgi bola elementi:nth-child(n)— Ota elementning n-chi farzandi:lang()— Muayyan tilga ega elementlar
CSS psevdo-klasslar ma’lumotnomasi
Barcha CSS Psevdo-sinflarining to‘liq ro‘yxati uchun CSS psevdo-klasslar ma’lumotnomasi sahifasiga tashrif buyuring.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!