Help with * after class?

https://learn.freecodecamp.org/responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable’’

Hi all!

What does the * after the .penguin class declaration specify? Especially since it is a repeat of an earlier class, I’m a bit confused by it!

The * is the universal selector. It will match every element. When used like in .penguin *, it will match every element that is a descendant of an element with the penguin class.

thanks for your help!

Just to clarify how it works, it will match every element on the page, then will filter the result down to those under elements with the class penguin, CSS matches right-to-left