question about querySelectorAll declaration

Question

I'm taking a course that uses the queryselectorall tool, and I was a doubt about his statement! The space between .seat.selected produces the desired effect

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

But if I put a space between them,nothing happens

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

the space between classes does what in the code?

score 2 · Answer 1 · answered May 13 '20 at 23:29

2

.seat.selected that mean two class .seat and .selected in only one div

.seat .selected that mean div .seat is parent of div .selected

answered May 13 '20 at 23:29

Hien Nguyen

23,011
7
48
55

score 1 · Accepted Answer · answered May 13 '20 at 23:29

1

The first example is looking for something like this

<div class="row">
<div class="seat selected">

where the 2nd is

<div class="row">
<div class="seat">
<div class="selected">

answered May 13 '20 at 23:29

Daniel A. White

181,601
45
354
430

question about querySelectorAll declaration

2 Answers2