Yapısal sözde sınıflar
Coddy'nin HTML Journey'sinin CSS Mastery bölümünün bir parçası — ders 12 / 43.
CSS'deki yapısal sözde sınıflar (structural pseudo-classes), öğeleri HTML belgesi içindeki konumlarına veya yapılarına göre stillendirmek için kullanılır. Ekstra sınıflara veya ID'lere ihtiyaç duymadan ilk çocuk, son çocuk veya belirli numaralı çocuklar gibi öğeleri seçmenize olanak tanırlar.
Yaygın örnekler şunlardır:
:first-child— bir ebeveynin ilk çocuğunu seçer.
:last-child— bir ebeveynin son çocuğunu seçer.:nth-child(n)— n. çocuğu seçer (örneğin her 2., 3. vb.).
Kendini test etBu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Kendini test etBu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Kendini test etBu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
Kopya kağıdı
Yapısal sözde sınıflar, öğeleri HTML belgesi içindeki konumlarına göre stillendirir:
:first-child— bir ebeveynin ilk çocuğunu seçer:last-child— bir ebeveynin son çocuğunu seçer:nth-child(n)— n. çocuğu seçer (örneğin, her 2., 3. vb.)
Kendin dene
Bu ders bir kod alıştırması içermiyor.
Kendini test etBu ders kısa bir quiz içerir. Soruları yanıtlamak ve ilerlemeni kaydetmek için derse başla.
CSS Mastery bölümündeki tüm dersler
1Seçici Uzmanlığı – Kombinasyon
GirişAlt Öğe SeçicisiÇocuk SeçiciBitişik Kardeş SeçicisiGenel Kardeş SeçicisiÖzet Meydan Okuması2Etkileşimli Sözde Sınıflar
Sözde SınıflarHover EfektleriOdaklanma EfektleriAktif StillerÖzet Meydan Okuması3Yapısal sözde sınıflar
Yapısal sözde sınıflarİlk Çocuğu HedeflemeSon Çocuğu HedeflemeDesen Gücü: nth-child KullanımıÖzet Meydan Okuması