Can I add multiple classes to a div element? (CSS)

Question

Is it possible to add multiple classes to a div element? I try to add the full and the b class, but it does not work.

#card { 
/* default for card */
    width: 300px;
    height: 50px;
    padding: 15px;
    background-color: yellow;
    box-shadow: 10px 10px 40px grey;
}

#card.g {
    background-color: lightgreen;
    box-shadow: 10px 10px 40px grey;
}
#card.b {
    background-color: lightblue;
    box-shadow: 10px 10px 40px grey;
}

#card.full{
    width:100%;
    height:100%;
    padding:10px;
}

<h3 id="card" class="full" class="b">Hi!</h3>

I am sorry if this is a bad question, I am new to programming.

Currently it is not working because browser only renders the first class attribute. — m4n0, Nov 13 '15 at 14:03
Yes just add the different classes seperated by space. class="full b" — anandharshan, Nov 13 '15 at 14:31

score 5 · Accepted Answer · answered Nov 13 '15 at 14:03

5

yes, you just put the multiple classes separated by a space. if you put class="" twice in an element, like you did, it will disregard the second one

#card { 
/* default for card */
    width: 300px;
    height: 50px;
    padding: 15px;
    background-color: yellow;
    box-shadow: 10px 10px 40px grey;
}

#card.g {
    background-color: lightgreen;
    box-shadow: 10px 10px 40px grey;
}
#card.b {
    background-color: lightblue;
    box-shadow: 10px 10px 40px grey;
}

#card.full{
    width:100%;
    height:100%;
    padding:10px;
}

<h3 id="card" class="full b">Hi!</h3>

answered Nov 13 '15 at 14:03

indubitablee

8,136
2
25
49

Also U can do using jquery or javascript – anandharshan Nov 13 '15 at 14:32
Thank you, this solved my problem quite nicely. :-) – Stardust Nov 13 '15 at 23:38

score 3 · Answer 2 · answered Nov 13 '15 at 14:01

3

Yes, you can

<h3 id="card" class="full b g">Hi!</h3>

answered Nov 13 '15 at 14:01

ainu

151
1
1
9

Can I add multiple classes to a div element? (CSS)

2 Answers2