Classes in CSS

[jacobvthomas]

Hi all,

We can use multiple classes for an element, i have a doubt is there any limitation for the count?

E.g
<div class="class1 class2 class3 ..... "></div>

How many classes can be used for an element?

Share Your Ideas....

Jacob

[r_sole]

No idea. I thought you could just use as many as you wanted.

[jacobvthomas]

Hi,

I think there is a limitation, if anyone knows please specify..


Jacob

[WebJoel]

No limitation, -so long as no declaration/selector over-rules another, previously-stated. Then, order-of-precidence takes 'hold and the last-stated is the obeyed.

.first {color:red;....}
.second {color:blue;....}
.third {color:green;...}

applied to:

<h1 class="first second third">HEADER TEXT</h2>

would be GREEN text, because the class "third" is stated last in the precedence order in the HTML..

It gets complicated when you want some styles from class="first" and class="second" if you need "display:block;" and the second class states "display:inline;", and so forth...

Myself, if more than TWO classes are needed, I combine the stated-needed Declarations and create another new class (like, class="four") and use solely that, instead of combining three potentially-conflicting classes.

[ray326]

Within the confines of the syntax of HTML a class is just an attribute and I've never seen a character limit on an attribute value. If there are limits they are probably browser specific.