Şuradaki Class'ı Nasıl Seçebilirim?

Aşağıdaki görselde seçili olan Span'ı geçmem gerekiyor ancak bu span olmadığımda seçilecek span altındaki olacak. Bunun için entry-summary span:first-child {} şeklinde seçme yaptım ancak span'da :first-child çalışmıyor mudur nedir seçemedim. Nasıl bir çözüm üretebilirim?

Not: Bu iki span değeri yan yana çalışıyor, ben başına 20px'lik boşluk vermek istiyorum. Yani padding-left: 20px; eklemek istiyorum.

tam olarak anlayamadım hocam kafam biraz karıştı tam detaylı anlatabilirmisiniz

first-of-type (rakam) deneyin tam anlamadım ama budur diye tahmin ediyorum

span > .date { padding-left: 20px; }

böyle deneyebilirsiniz

İki spanında classı bir birinden ayrı zaten.
.entry-summary date {
padding-left: 20px;
}

author için verecekseniz degeri date yerine .author

Görselde seçili olan elemente verilecek ise değer span:first-child yerine first-of-type işinizi görür hocam.

.entry-summary span:first-of-type{
  padding-left: 20px;
}

date ya da author kullanınca sıkıntı çıkıyordu zira onlar panelden kullanıcının açıp kapatabilmesine olanak tanınan ayarlar. date kapalı olduğu bir senaryoda author başında boşluk olmazdı, author başına boşluk eklendiğinde de date açık olduğunda arasına boşluk geliyordu. Karışık bir şey ama @DenqeSiz; hocamın yazdığı first-of-type istediğimi yapmamı sağladı.

children belası

sırf bu sebepten classlara rakamsal değerler atayıp seçim yapmayı planlıyorum