Adding more than one class html

Question

Is it possible to add more than one class in html? Here is what i've tried:

<a href="#" class="class1" class="class2">My Text</a>

Thanks! :)

score 43 · Accepted Answer · answered Jul 14 '15 at 17:04

Yes, it is possible, but you can only declare the class attribute once per HTML element. Just separate the classes you want to apply by a space.

<a href="#" class="class1 class2">My Text</a>

If you declare the class attribute more than once, all definitions beyond the first will be ignored, so in your code .class2 will not be applied to your link.

score 3 · Answer 2 · answered Jul 14 '15 at 17:05

3

Yes of course you can! But you do it all inside a single class attribute:

<a href="#" class="class1 class2">My Text</a>

answered Jul 14 '15 at 17:05

emcas88

881
6
15

score 3 · Answer 3 · answered Jul 14 '15 at 17:25

3

<a href="#" class="class1 class2">My Text</a>

answered Jul 14 '15 at 17:25

HarrisJT

199
10

score 0 · Answer 4 · answered Jul 14 '15 at 17:07

You can read about the global class attribute here.

The class global attribute is a space-separated list of the classes of the element.

Use a single class attribute and separate additional classes with a space.

<a href="#" class="class1 class2 class3">My Text</a>

Adding more than one class html

4 Answers4

Linked