ansaurus

Question

Answer 1

+4 A:

You mean two classes? "Chain" the selectors (no spaces between them):

.class1.class2 {
    /* style here */
}

This selects all elements with class1 that also have class2.

In your case:

li.left.ui-class-selector {

}

Official documentation : CSS2 class selectors.

As akamike points out a problem with this method in Internet Explorer 6 you might want to read this: Use double classes in IE6 CSS?

Felix Kling 2010-03-31 16:52:12

Please note that IE6 does not like these, as it does not read the chain of classes. It will only look at the last class in the chain.

akamike 2010-03-31 16:55:54

@Felix: it isn't :) All major websites have dropped, are dropping or are planning to drop in the near future support for IE6.. Do the same!

Andreas Bonini 2010-03-31 16:58:55

@Andreas Bonini: Yeah I know. To be honest I already don't care about IE6 for a long time. (I deleted my previous comment because I found the other question that deals with this problem.)

Felix Kling 2010-03-31 17:01:40

Yeah, you can't use them at all in IE6, only take longer routes to style your elements. For example, styling each class separately and using appropriate CSS specificity to override as best as you can.

akamike 2010-03-31 17:07:03

Thank you very much. This solved what I was trying to do. I'm not really concerned with IE6 support in this specific case, so this works well.

Stacey 2010-04-01 15:52:45

ansaurus

tags:

views:

answers:

Select CSS based on multiple classes

related questions