.Foo {
a {
/* stuff */
}
}
It translates into: .Foo a { /* stuff */ }
CSS is evaluated right to left, so this means every time an <a> is encountered in the page it has to at its parent chain to see if any has class Foo. This can cause performance issues especially for really large pages.
Like Facebook? Netflix? The BBC?