Child birleştirici ile doğrudan alt öğeleri seç

Artık öğeleri türüne, sınıfına veya ID’sine göre nasıl seçeceğini biliyorsun. Ancak bu seçicilerin işe yaramadığı durumlar olabilir; örneğin, en üstteki ul öğesinin yalnızca doğrudan alt öğelerini çıkarmak istiyorsan. Bunun için videoda tanıtılan child birleştiriciyi (>) kullanacaksın.

Burada hedefin, languages_html belgesinde bulunan ve adı geçen tüm programlama dillerinin listesini, alt madde işaretlerindeki ek bilgileri almadan kazımak:

  <ul id = 'languages'>
    <li>SQL</li>
    <ul>    
      <li>Databases</li>
      <li>Query Language</li>
    </ul>
    <li>R</li>
    <ul>
      <li>Collection</li>
      <li>Analysis</li>
      <li>Visualization</li>
    </ul>
    <li>Python</li>
  </ul>