Direkte Nachkommen mit dem Child-Kombinator auswählen

Mittlerweile weißt du sicher, wie man Elemente nach Typ, Klasse oder ID auswählt. Es gibt jedoch Fälle, in denen diese Selektoren nicht ausreichen, zum Beispiel wenn du nur die direkten Nachkommen des obersten ul-Elements extrahieren willst. Dafür verwendest du den in dem Video vorgestellten Child-Kombinator (>).

Dein Ziel ist es hier, eine Liste (im Dokument languages_html) aller genannten Programmiersprachen zu scrapen – allerdings ohne die zusätzlichen Informationen in den Unterpunkten:

  <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>