Extend does not assume nested selectors

It seems the feature “Extend” does not assume nested selectors:

This doesn’t work

body {
   div { color: red; }
   p:extend(div) { background-color: green; }
}

This does work

body {
   div { color: red; }
   p:extend(body div) { background-color: green; }
}

This also does work

div { color: red; }
p:extend(div) { background-color: green; }

please notice that I had to declare body div on the second example for the feature to work where it should assume its inheritance automatically and the first example should work without problem, but unfortunately that doesn’t happen.

[Soviut]

You need to use the all keyword.

p:extend(div all) {
    ...
}

[matthew-dean]

extend does not leave its @media scope

Right. So, it’s working then. @zanona made the comment that it wasn’t working, so I took that to mean that he was saying it wasn’t supported at all in a @media block and I was confused.