有关querySelectorAll声明的问题[重复]

Question

此问题已经在这里有了答案：

What does a space mean in a CSS selector? i.e. What is the difference between .classA.classB and .classA .classB?（4个答案）

关闭3分钟前。

我正在上一门使用queryselectorall工具的课程，对此他的说法我感到怀疑！ 。seat.selected之间的空格会产生所需的效果

function updateSelectedCount() {
    const selectedSeats = document.querySelectorAll('.row .seat.selected')
    const selectedSeatsCount = selectedSeats.length
    console.log(selectedSeatsCount)
}

但是如果我在它们之间放一个空格，什么也没发生

function updateSelectedCount() {
    const selectedSeats = document.querySelectorAll('.row .seat .selected')
    const selectedSeatsCount = selectedSeats.length
    console.log(selectedSeatsCount)
}

类之间的空格在代码中做了什么？

Answer 1

[.seat.selected表示仅在one div中选择的两个类.seat和.selected>

[.seat .selected表示div .seat等于div .selected的parent

Answer 2

第一个例子正在寻找类似的东西