Bu gönderi, başka bir CSS sınıfı içinde bir CSS sınıfını hedefleme hakkında bilgi verecektir.
Başka Bir CSS Sınıfı İçinde CSS Sınıfı Nasıl Hedeflenir?
Bir CSS sınıfını başka bir CSS sınıfı içinde hedeflemek için önce div kapları yapın ve her kapsayıcıya sınıf nitelikleri ekleyin. Ardından, adlarını/değerlerini kullanarak CSS'deki bir veya daha fazla sınıfa erişin.
1. Adım: Bir 'div' Kapsayıcı ekleyin
Başlangıçta, “ yardımıyla bir div öğesi ekleyin. Ardından, 1. adımdaki aynı prosedürü izleyerek iç içe div kapları oluşturun: Çıktı Ana erişim ' div ' olarak sınıf adının yardımıyla kapsayıcı .ana içerik ”: Burada: Adlarını kullanarak CSS ana sınıfına ve diğer iç içe geçmiş sınıflara erişin. Ardından, seçiminize göre bir değer belirleyerek kabın genişliğini ayarlayın: Ayrıca, yukarıdakiyle aynı prosedürü izleyerek diğer sınıfa erişin ve aşağıdaki kod parçacığında belirtilen CSS özelliklerini uygulayın: Yukarıdaki kod parçacığına göre: Şimdi, aynı yöntemi kullanarak diğer sınıflara erişin ve aşağıda belirtilen CSS özelliklerini uygulayın: Bunun için başvuracağız” Genişlik ”, “ sağ kenar boşluğu ' Ve ' yazı Boyutu ” stil amaçlı. Ayrıca, ana erişim ' div ” sınıf adını kullanarak diğer iç içe geçmiş div kabı boyunca kapsayıcısı ve aşağıdaki CSS özelliklerini uygulayın Çıktı Bu tamamen başka bir CSS sınıfı içindeki bir CSS sınıfını hedeflemekle ilgilidir. Bir CSS sınıfını başka bir CSS sınıfı içinde hedeflemek için önce ana ' div ” atanan sınıf özniteliği aracılığıyla. Ardından, aynı prosedürü izleyerek başka bir 'div' kabına erişin. Ayrıca, kullanıcılar başka bir CSS sınıfı içinde bir CSS sınıfını hedefleyebilir. Bu gönderi, başka bir CSS sınıfı içinde bir CSS sınıfını hedefleme yöntemini gösterdi.
2. Adım: İç İçe 'div' Kapsayıcıları Yapın
< div sınıf = 'ana içerik' >
< div sınıf = 'masa' >
< div sınıf = 'sıra' >
< div sınıf = 'yarık' > evlenmek < / div >
< div sınıf = 'c-sağ' > kriko < / div >
< div sınıf = 'yarık' > tom < / div >
< div sınıf = 'c-sağ' > Temmuz < / div >
< / div >
< / div >
< / div >
3. Adım: Ana “div” Kapsayıcısına Şekillendirmeyi Uygulayın
.ana içerik {
Genişlik : %40 ;
marj : 0 Oto ;
renk : mavi ;
sınır : 2 piksel noktalı mavi ;
Metin hizalama : merkez ;
}
4. Adım: Başka bir sınıfa stil verin
Genişlik : %80 ;
}
görüntülemek : satır içi blok ;
yazı Boyutu : 20 piksel ;
}
Genişlik : 140 piksel ;
sağ kenar boşluğu : 6 piksel ;
yazı Boyutu : 16 piksel ;
}
Genişlik : Oto ;
yazı Boyutu : 15 piksel ;
renk : #ffff ;
sağ kenar boşluğu : 20 piksel ;
yazı tipi ağırlığı : normal ;
}
Çözüm