I was struggling with this as well but I think I understand now. When it says class=“bold text” it’s not one class called “bold text” they are 2 separate classes strung together with spaces “bold” and “text” like the explanation from the cheat sheet below. In this case, when you are using “.garmaond .sample. text” it applies to all the classes within “.garamond .sample” that contain the class attribute “.text” so it covers all 3 groups “bold text”. “regular text” and “italic text”. You will see that if you change the CSS selector to “.garamond . sample .bold” only the selector “bold text” will be affected by the CSS.
HTML attributes with multiple values
Some HTML attributes can have multiple attribute values. Multiple attribute values are separated by a space between each attribute.
Hope that helps!