JQuery/CSS require multiple classes

Question

Is it possible in jQuery or CSS (since I think they use the same selector logic) to say select elements that have multiple classes. For example:

<div class='class1'></div>
<div class='class2'></div>
<div class='class1 class2'></div>

Is there a way I can say I want elements that are of both class1 and class2 (therefore only get the third div in this case)?

Šime Vidas · Accepted Answer · 2011-01-03 00:37:01Z

12

The selector you are looking for is .class1.class2

For more info, check out the spec: http://www.w3.org/TR/CSS2/selector.html#class-html

answered Jan 3, 2011 at 0:37

Šime Vidas

187k66 gold badges290 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

BoltClock Over a year ago

If you care about IE6, it (unsurprisingly) treats .class1.class2 exactly like .class2, see here for more: stackoverflow.com/questions/3772290/… Either way this is the correct selector. (Not an issue if you're using jQuery, though, only with pure CSS.)

Collectives™ on Stack Overflow

JQuery/CSS require multiple classes

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related