Report a redundant body selector

[macbre]

https://developers.google.com/speed/docs/best-practices/rendering:

Avoid using descendant selectors, especially those that specify redundant ancestors.
For example, the rule body ul li a {...} specifies a redundant body selector, since all elements are descendants of the body tag.

[macbre]

.module body > h2 { } /* match */
body ul li a  { } /* match */
body > h1 { } /* don't match */
html > body #foo .bar  /* don't match */

[kangax]

There's a case that I think might be an exception to this "rule":

This is an excerpt from our sass file:

html.modal-popup-mode
  overflow: hidden  

  body
    overflow: hidden

which translates to

html.modal-popup-mode { ... }
html.modal-popup-mode body { .. }

"html" prefix aside (it's mostly for clarity), the nested body seems like a valid use case. We need to target it only when containing html element has certain class ("modal-popup-mode").

What do you think?

[macbre]

@kangax, makes sense (but only if body is the last part of the selector).

Can you create a separate issue for this one? Thx!