FAQ: get the css from parent defined

[rowthan]

about FAQ 2. css will be ignored when defined with parent selector.
like

<div id="parent"><div class="child"></div></div>

#parent .child{
  background: red;
}

if we choose the child element as $0 , the result is empty.

i have a method to solve this problem:

firstly, checking whether the last selector is matched. matched in this case .child

$0.matched('.child') // true

secondly, checking the parent selector is the parent of the target:

const parentSelector = '#parent';
const parentElement = document.querySelector(parentSelector);
const isMatched = parentElement.contain($0); 

we can add a root node as the wrapper of $0

<div id="the-root-for-wrapper-result"><div class="child"></div></div>
#the-root-for-wrapper-result  .child{
   background: red;
}

[rowthan]

check is it work please? i would like make pull request if you accept this idea.