What’s the difference between CSS classes .foo.bar (without space) and .foo .bar (with space) [duplicate]

.element .symbol

means .symbol inside .element

.element.symbol

means .element that has the class symbol as well.

So,

.element.large .symbol

means .symbol inside .element that has the class large as well.