console.log 只从 li 中取最上面的一个

我正在学习教程，但似乎卡在这里：

const list = document.querySelector(".user-list li")

console.log(list)

<body>

    <ul class="user-list">
        <li>Wonder</li>
        <li>Matt</li>
        <li>Alex</li>
    </ul>

</body>

只需要“Wonder”，这是为什么呢？

querySelector() 方法仅返回与文档中指定的 CSS 选择器匹配的第一个元素。尝试改用 querySelectorAll()。