Multiple dots/periods in CSS

Question

Can one of you CSS experts explain this designator (if that\'s even what you\'d call it) to me? I understand the contents, just not the a.button.gold. Two dots?

<         


        

Answer 1

This selector represents an element with two classes, as you can have as many classes (separated with a white-space in the class attribute itself) in CSS as you'd like. The HTML would look like:

Test

If the had three classes you'd just continue the pattern:

Test

a.button.gold.test {
    color: peachpuff;
}

http://jsfiddle.net/NeqAg/