Torun - CSS Hileleri

CSS'deki alt seçici, birleştirici olmayan iki seçici arasında beyaz boşluk bulunan herhangi bir seçicidir. İşte bazı örnekler:

ul li ( ) header h2 ( ) footer a ( ) .module div ( ) #info-toggle span ( ) div dl dt a ( )

ul li ( )Örneğin alın . "Sırasız bir listenin soyundan gelen herhangi bir liste öğesi" anlamına gelir.

Alt öğe, DOM ağacında iç içe geçmiş herhangi bir yer anlamına gelir. Doğrudan bir çocuk olabilir, beş seviye derin olabilir, hala bir torun. Bu, öğenin bir sonraki iç içe geçmiş seviye olmasını gerektiren alt birleştiriciden (>) farklıdır.

Göstermek için div span ( )eşleşecek:

 I will match

I will match too

Muhtemelen bu konuda çok fazla endişelenmemelisiniz, ancak düzgün seçici oldukça “pahalı” - yani render motorlarının çözmesi ve bir şeyler yapması zor / yavaş. MDN:

Alt öğe seçici, CSS'deki en pahalı seçicidir. Korkunç derecede pahalıdır - özellikle seçici, Etiket veya Evrensel Kategori içindeyse.

Ancak yalnızca diğer seçicilerle karşılaştırıldığında. Hala son derece hızlı ve delirmedikçe muhtemelen asla fark etmeyeceksiniz.

Tarayıcı Desteği

Krom	Safari	Firefox	Opera	IE	Android	iOS
Hiç	Hiç	Hiç	Hiç	Hiç	Hiç	Hiç