CSS pseudo-selector to select the current element within querySelector usable for the sibling (+) or general sibling (~) selector?

Asked Jan 06 '21 at 12:37

Active Jan 07 '21 at 12:34

Viewed 125 times

If I have this HTML:

<div class="elem">
   <div class="child"></div>
</div>
<div class="sibling">
</div>

and the JS

let elem = document.querySelector('.elem');

Using elem.querySelector(":scope ~ div") does not return anything even though there are div siblings of elem.

Using elem.querySelector(":scope > div") returns an element because also there are are div children of elem.

How could I select the current sibling of elem?

edited Jan 07 '21 at 12:34

Zsolt Meszaros

asked Jan 06 '21 at 12:37

Andrei Diaconescu

Please post your HTML or DOM structure. – Dai Jan 06 '21 at 12:38
2

Note that `~` actually selects **subsequent** siblings, not **previous** siblings. CSS is strictly "forward-only". – Dai Jan 06 '21 at 12:39
1

and how could i select the sibling of current element, elem, using querySelector ? – Andrei Diaconescu Jan 06 '21 at 12:44

0 Answers0