title: can pseudo elements be used to target descendants?
body: <p>I am trying to add a calculated width to descendants of an element with a scroll bar in certain situations but cannot seem to get the following to work.  Can pseudo elements be used in this way? If not why not? Would body::-webkit-scrollbar not have the same descendants as body and there for work?</p>
  
  <p>The following is the code I want to work (ie. add a width only if body or parent div has the pseudo element ::-webkit-scrollbar) but I am mostly interested in why it wont work.</p>
  
  <pre><code>div::-webkit-scrollbar .child-element, body::-webkit-scrollbar .child-element {
          width: calc(100% - $scrollbarwidth );
  }
  </code></pre>