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

rauf.k · 8 Temmuz 2023

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.

Knover · 8 Temmuz 2023

.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.

TheAny · 8 Temmuz 2023

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.

rauf.k · 9 Temmuz 2023

Knover dedi:
.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

kaan.w · 9 Temmuz 2023

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.

Knover dedi:
.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.

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

rauf.k

Centipat

Knover

Hectopat

TheAny

Gigapat

rauf.k

Centipat

kaan.w

Megapat