Admin panelinde css kodları çalışmıyor
Merhaba arkadaşlar. Elimdeki admin panelinde boş bir sayfa açıp resimleri de yana yana dizdim. Resimlerin için "padding-left" veriyorum. Ama 1. resim için boşluğun "0" olmasını istiyorum. "nth-child(1)" ile "padding-left" değerini "0" yapyorum ama hepsi "0" oluyor. Admin panelinin kodları ağır basıyor galiba. Css Kodları aşağıda.
<?php
.cokluresimlisteleresim img {
min-width:100px;
max-width:300px;
min-height:200px;
max-height:200px;
padding-left:3px;
}
.cokluresimlisteleresim img:nth-child(1) {
min-width:100px;
max-width:300px;
min-height:200px;
max-height:200px;
padding-left:0px;
}
?>
".cokluresimlisteleresim img" bu kısmı sayfanın içine "div" e stil vererek yapabiliyorum. Ama ".cokluresimlisteleresim img:nth-child(1)" bu kodu "div" içinde kullanamadım. "head" tag leri arasında da kullandım ama kodlar bir işliyor bir işlemiyor.
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (4)
".cokluresimlisteleresim img:first-child(1)" yaptığımda resimler 3px sağa kayıyor. En baştaki resmi "0px!important" yapıyorum. İşe yaramıyor. ".cokluresimlisteleresim img:first-child" yapmadığımda ise yani "(1)" koymadığımda da 3px sağa gitmiyor. Yani tam tersi. "head" etiketleri arasında da işe yaramıyor. Asında div etiketi içine "img:nth-child" yazabilsem belki işe yarar. Yazılır mı yazılmaz mı bilmiyorum.
.cokluresimlisteleresim img {
min-width:100px;
max-width:300px;
height: 200px;
padding-left:3px;
}
.cokluresimlisteleresim img:first-child {
padding: 0;
}