CSS Kompozisyoncu Referans Kılavuzu

Kurs tavsiyesi:

CSS Kombinatörleri

Kombinatör, seçici arasındaki ilişkiyi açıklamak için kullanılan bir semboldür.

Aşağıdaki tablo, CSS'teki farklı kombinatörleri gösterir: Ad Sembol Örnek
Örnek açıklaması Alt kombinatörü > div > p
<div> öğesinin doğrudan alt öğesi olarak bulunan tüm <p> öğelerini seçin. Alt çapraz kombinatörü ( tek boşluk ) div p
<div> öğesi içindeki tüm <p> öğelerini seçin. Alan adı ayraç | ns | h2
Komşu kardeş kombinatörü + div + p <div> öğesinin hemen ardından gelen ilk <p> öğesini seçin.
Seçici listesi , div, p Tüm <div> elementlerini ve tüm <p> elementlerini seçin.
Sonraki Kardeş Kompozisör ~ p ~ ul Tüm <p> elementinin önünde bulunan <ul> elementlerini seçin.