Bu CSS Seçiciler yazısında CSS torun seçici kavramını açıklayacağız.
CSS’deki torun seçici, birleştiricisi olmayan iki seçici arasında boşluk bulunan herhangi bir seçicidir.
İşte bazı örnekler:
1 2 3 4 5 6 7 8 | ul li { } header h2 { } footer a { } .bolum div { } #logo span { } table td a { } |
ul li { } örneğini alalım. “Sırasız bir listenin soyundan gelen herhangi bir liste öğesi” anlamına gelir.
Descendant, DOM ağacında kendi içinde yuvalanmış herhangi bir yer anlamına gelir.
Bakınız: CSS Evrensel Seçici
Doğrudan bir çocuk olabilir, beş seviye derinlikte bir torun olabilir, bu hala soyundan geldiği anlamına gelir. Bu seçim bir alt öğenin seçimini sağlayan çocuk seçicisinden(>) farklı olarak tüm alt öğlerde etkili olmasını sağlar.
Göstermek için, div p{ } eşleşecek:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <!DOCTYPE html> <html> <head> <style> div p{ color:red; } </style> </head> <body> <p>Merhaba Dünya</p> <div> <p>Merhaba</p> <div> <p>Dünya</p> </div> </div> </body> </html> |
Yukarıdaki div içindeki tüm p etiketleri kırmızı renkte olacaktır.
CSS Dersleri bağlantısını kullanarak CSS konusu ile çok daha fazla bilgi edinebilirsiniz.
Yorum Yap