Strukturaviy psevdoklasslar
Struktura psevdo-klasslari
Strukturaviy psevdo-klasslar elementlarni hujjat daraxtidagi joyiga qarab tanlaydi.
CSS :first-child psevdo-klassi
:first-child psevdo-klassi boshqa elementning birinchi farzandi bo‘lgan muayyan elementga mos keladi.
Birinchi bola bo‘lgan barcha <p> elementlariga stil berish
Quyidagi misolda selektor istalgan elementning birinchi farzandi bo‘lgan barcha <p> elementlariga mos keladi:
Barcha <p> elementlaridagi birinchi <em> elementini uslublash
Quyidagi misolda selektor barcha <p> elementlaridagi birinchi <em> elementiga mos keladi:
Barcha birinchi asosiy <p> elementlardagi barcha <em> elementlarga uslub bering
Quyidagi misolda selektor boshqa elementning birinchi farzandi bo‘lgan <p> elementlaridagi barcha <em> elementlariga mos keladi:
CSS :lang() psevdo-klassi
:lang() psevdo-klassi ko‘rsatilgan qiymatli lang atributiga ega elementlarni tanlash uchun ishlatiladi.
Misol
lang="no" li <q> elementlari uchun iqtibos belgilarini belgilash:
<html>
<head>
<style>
q:lang(no) {
quotes: "~" "~";
}
</style>
</head>
<body>
<p>Some text <q lang="no">A quote in a paragraph</q>
Some text.</p>
</body>
</html>
O‘zingiz sinab ko‘ring »
Boshqa struktura psevdo-klasslari
Yana ko‘plab strukturaviy psevdo-klasslar mavjud:
:last-child— Ota elementning oxirgi farzandiga mos keladi:nth-child(n)— Ota elementning n-chi farzandiga mos keladi:nth-last-child(n)— Oxiridan sanaganda n-chi farzandga mos keladi:only-child— Yagona farzand bo‘lgan elementga mos keladi:first-of-type— O‘z turidagi birinchi elementga mos keladi:last-of-type— O‘z turidagi oxirgi elementga mos keladi
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!