Anak - Trik CSS

Anonim

Kombinator anak di CSS adalah simbol "lebih besar dari", terlihat seperti ini:

ol > li ( color: red; )

Artinya "pilih elemen yang merupakan keturunan langsung saja". Dalam hal ini: "pilih item daftar yang merupakan turunan langsung dari daftar yang dipesan". Menggambarkan:



    

  1. WILL be selected
    2. 

  2. WILL be selected
    3. 

      

    • Will NOT be selected
      • 

    • Will NOT be selected
      • 

    

  3. WILL be selected
    4.

Coba hapus >simbol tersebut saat bermain-main dengan demo di bawah ini:

Lihat Pena f149edb15c53d157a7009b816ee919d2 oleh CSS-Tricks (@ css-trick) di CodePen.

Informasi Lebih Lanjut

  • Artikel tentang pemilih anak dan saudara kandung.
  • Dokumen MDN

Juga Dikenal Sebagai…

Kombinator anak adalah apa yang disebut spesifikasi, tetapi Anda juga akan mendengarnya disebut:

  • pemilih anak
  • pemilih keturunan langsung
  • kombinator keturunan langsung

Dukungan Browser

Chrome Safari Firefox Opera YAITU Android iOS
Apa saja Apa saja Apa saja Apa saja 7+ Apa saja Apa saja