MENU


Associative Selectors

div,p: all <div> and all <p> elements
div p: all <p> elements inside <div> elements
.cn p: all <p> elements inside elements with class="cn"
div>p: all <p>elements where the parent is <div>
div+p: all <p>elements immediately after <div>
ul~p: all <p> elements that are preceded by <ul>
:scope div: all <div> elements inside the current element


RESETRUNFULL
<!DOCTYPE html><html><body>
   <div>
      <div class="a b c"></div>
      <div class="b c d"></div>
      <div class="c d e"></div>
   </div>
   <script>
      let d=document.querySelector("div:not(.c)");   // the parent div
      d.style.fontSize = "20px";
      for (let s of d.querySelectorAll(":scope div")) s.innerHTML="GOOD";
   </script>
</body></html>