Belirli bir data-
özniteliğine sahip bir öğenin ilk ve son çocuğunu seçmeye çalışıyorum.: öznitelik seçicisi çalışmayan son alt çocuk sözde sınıfı
:first-child
seçicisi iyi çalışıyor, ancak :last-child
çalışmıyor. Buna ne sebep olabileceğini ciddi olarak bilmiyorum. Yazım hataları için kontrol ettim. Belirli bir data-
özniteliği ile bir elementin ilk ve son çocuğu seçmek çalışıyorum
.element[data-type='element']:first-child {
padding-left: 0;
background-color:red !important
}
.element[data-type='element']:last-child {
padding-right: 0;
border-right:0;
background-color:red !important;
}
HTML yapınızın geri kalanına bağlı olarak, [': first of-type'] ile daha iyi şansınız olabilir (https://developer.mozilla.org/en-US/docs/Web/CSS/: ilk-tür) ve [': son-tür '] (https://developer.mozilla.org/en-US/docs/Web/CSS/:last-of-type). – showdev
** İlk çocuk ** selektörünüzde '! Önemli 'ifadesinden sonra bir yarım virgül koymalısınız. Bu seçiciyi etkilemiyor (son kural olarak) ama bir sonraki durumu etkiliyor olabilir. – worldofjr
Şans yok. Ben değişti: İlk ve: son çocuk için: ilk-tür ve: son-türü ama yine de aynı sorun. Ben de noktalı virgül ekledim, ama bunu düzeltmedi. – UserDy