Hocam element ile arasında boşluk olursa onun bir alt elemanı oluyor o yüzden.Yani;
span .search-query
Derseniz "span" elementinin altında ".search-query" elemanını arar.Bitişik yazarsanız elemanın kendisinde arar.
Teşekkürler hocam aydınlandım

CSS ile aram pek yok karşılaşınca da bu ayrıntıya kafam takılmıştı