Using multiple css classes with only one class

Question

Maybe the answer is simple but I can't figure it out... sorry for the noobish question.

I have several html elements using the same css classes :

<a class="class1 class2 class3"></a>

How can I specify only one common class for all my elements ?

<a href="commonclass"></a>

thanks

Answer 1

1. Apply css for all elements then use * Universal Selector

   * { padding: 0; margin: 0; }
   

2. Apply css for all a elements in a document, then use Tag Selector

   a { color: red; }
   

30 CSS Selectors

Answer 2

Take the styles from class1 etc. and put them into a seperate class.

.class1 {
  color: green;
}
.class2 {
  border: 1px solid black;
}

Will then become:

.combined {
  color: green;
  border: 1px solid black;
}

Answer 3

I suppose you are looking for macro-like facilities such as found in some CSS frameworks like LESS, where you can define the properties for class1 and class2 as a sort of macro or quasi-class, then define what you call commonclass in terms of them.

Answer 4

I'm not sure if you want to use the same css rule for "several html elements" or "all my elements". If you want to use the same css rule for several elements, put a comma between the elements, like this:

a, li, p { color:red; }