Using multiple classes in one element and specificity

Question

Just wondering when you use multiple classes on the one element such as class=\"foo bar\" and those classes are setup as below:

.foo {
    margin-ri         


        

Answer 1

Also, if you wish to target the element who has only both classes, you can use this syntax:

  
Something
  
Somthing else
  
Something more


.foo {
  color: red;
}
.foo.first {
  color: blue
}