2 classes with different name should have same property in css without repeating the code.

Question

Hi, I want 2 classes with different names to have same property in CSS. I donot want to repeat the code. e.g

<a class="abc"></a>
<a class="xyz"></a>

CSS

.abc {
  margin-left:20px;
}  
.xyz {
 margin-left:20px;
}

Since both classes are doing the same thing , I should be able to merge it to one. how to do that ?

Answer 1

.abc, .xyz { margin-left: 20px; }

is maybe what you are looking for

Answer 2

You can have multiple CSS declarations for the same properties by separating them with commas:

.abc, .xyz {
   margin-left: 20px;
}