CSS'de ana Div'in içerisinde aynı Class'a sahip Div'lerden istediğimizi nasıl seçebiliriz?

rauf.k

Centipat
Katılım
16 Ocak 2022
Mesajlar
159
Çözümler
2
Daha fazla  
Cinsiyet
Erkek
Her kese iyi akşamlar. Arkadaşlar bir divin içerisinde aynı ada sahip classlarım var. Ben mesela ikinci olanı seçip içerisindeki resmin ölçüsünü değiştirmek istiyorum. Nth-child ile denedim ama yapamadım. Yardımcı olur musunuz?
Verdiğim örnekteki navbar'ın içerisindeki ikinci sub_menu clasındaki image divinin ölçüsünü değiştirmek istiyorum.

 
Son düzenleyen: Moderatör:
.sub-menu:nth-of-type(1) {
}

.sub-menu:nth-of-type(2) {
}
---
.sub-menu:first-child {
}

.sub-menu:last-child {
}


Bunları dener misin hocam olması lazım.
 
id vermeyi dene yada element style kullan. <div class="sub_menu" style="...">...</div> şeklinde deneyebilirsin. Ayrıca JS kullanarak da yine spesifik olarak birinin içerisindekine erişebilirsin.
 
.sub-menu:nth-of-type(1) {
}

.sub-menu:nth-of-type(2) {
}
---
.sub-menu:first-child {
}

.sub-menu:last-child {
}


Bunları dener misin hocam olması lazım.
Dediğiniz gibi denedim olmadı. Ben ikinci sub_menu içerisindeki image divinin ölçüsünü değiştirmek istiyorum
 
CSS:
#navbar > li:nth-of-type(2) > .sub_menu .image {
    /* Stiller */
}

#navbar > li:nth-of-type(2) > .sub_menu img {
    /* Stiller */
}
Üstteki img tagini saran div için, alttaki direkt img taginin kendisi için.

.sub-menu:nth-of-type(1) {
}

.sub-menu:nth-of-type(2) {
}
---
.sub-menu:first-child {
}

.sub-menu:last-child {
}


Bunları dener misin hocam olması lazım.
Bu şekilde olmaz çünkü aynı parente sahip değiller.
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…