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! :)

Have you tested it? Is it working? – Sohan Arafat Aug 24 '21 at 21:53 — Sohan Arafat, Aug 24 '21 at 21:53

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

40

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.

answered Jul 14 '15 at 17:04

connexo

49,059
13
74
108

Thank you very much, you helped me a lot! :) – Stefan Jul 14 '15 at 17:20

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

829
5
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

189
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