Ufak CSS Ayrıntısı

17-12-2018, 14:42:05

Merhaba,

<h4 class="page-title">
    Search Results for: <span class="search-query">came</span>
</h4>

Şöyle bir html kodum var. Bunun span'daki class'ına css özelliği uyguluyorum.

span .search-query {
    font-size: 22px;
    color: #d81300;
}

Şu şekilde fakat algılamıyor. Ama span ve nokta arasındaki boşluğu silerek yazarsam uyguluyor ? Oradaki ufak ayrıntı nedir?

17-12-2018, 14:44:26

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 elementin kendisinde arar.

17-12-2018, 14:47:04

Scarecrow adlı üyeden alıntı: mesajı görüntüle

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ı