Que trouvent ces sélecteurs ?

Avec la page ci-dessous, qu'affiche chaque ligne du script ?

<nav><a href="index.html">Accueil</a> <a href="catalogue.html" class="actif">Catalogue</a></nav>
<main>
  <h1>Catalogue</h1>
  <section id="info">
    <h2>Informatique</h2>
    <p class="livre">Programmation Java</p>
    <p class="livre nouveau">Introduction à l’algorithmique</p>
  </section>
  <section id="litt">
    <h2>Littérature</h2>
    <p class="livre">Le Petit Prince</p>
  </section>
</main>

console.log(document.querySelectorAll(".livre").length);
console.log(document.querySelector(".livre").textContent);
console.log(document.querySelector("#litt .livre").textContent);
console.log(document.querySelectorAll("section h2, nav a").length);
console.log(document.querySelector(".nouveau").closest("section").id);
console.log(document.querySelector("main > .livre"));
console.log(document.querySelector("a.actif").getAttribute("href"));