View Full Version : Multiple classes for a single element?
12-02-2008, 10:48 PM
Why have I not come across this before?
Are there support problems, display inconsistencies, or some other issues?
I was just dissecting Stu Nicholls' ProDroplineDropdown CSS Menu, and came across his use of 2 classes (seperated by a space) for certain elements.
This was definitely a HOLY COW! moment, especially since I was just wishing for this yesterday.
Are there any reasons to NOT do this?
What is the limit on how many classes you can assign to a single element (for curiosity sake)?
12-02-2008, 11:03 PM
You read it just right. You can have as many classes as you want, which makes .class more flexible than #id. You can only have 1 id per element, however. I'm not saying, though, id is bad to use. You should use classes and ids for certain uses.
12-02-2008, 11:32 PM
... You can only have 1 id per element...
My understanding was that you are also limited to 1 instance of any ID for an entire page. Am I at least accurate with that?
12-02-2008, 11:42 PM
Yes, IDs are allowed once per page. Classes are reusable, so multiple elements can have the same class, and elements can have multiple classes.
I seem to remember older versions of IE having issues with:
/* properties */
But that is the only issue that can crop up with multiple classes (that is, selecting elements specifically having multiple classes).
12-03-2008, 02:25 AM
Now I've got a cool new tool :D
12-03-2008, 03:45 AM
Using multiple CSS classes on a HTML element is fine. You can't have more than one ID per page. But when you implement CSS class chaining you have to think to yourself - is what I am doing worth this much effort? Or could I simply use an ID instead and bundle all of the code into the ID selector instead.
Don't just use classes because you can.
Powered by vBulletin® Version 4.2.2 Copyright © 2016 vBulletin Solutions, Inc. All rights reserved.