>> Actually, IE has issues with multiple selectors. Not that it
>> doesn't work, just that there are caveats (that have bitten
>> me several times).
>>
>> Refer to the wiki for details:
>> http://css-discuss.incutio.com/?page=MultipleClasses
> The wiki doesn't say there is any issue with class="one two three" in IE. I
> use that extensively and haven't seen any problems with any browsers as far
> back as IE 5.0. The problem is when you try to use a CSS selector like
> .one.two {}, which doesn't work at all in IE. But you can certainly use .one
> {} or .two {} to match the class="one two three".
From the wiki:
"Internet Explorer (Win/6, Mac/5.x): broken. The multiple selector will
select every element with the last class in the selector (order in the selector
is important, order of the classes in the HTML is not), regardless of the
presence of the other classes. In other words, IE treats .one.two.three exactly
as it does .three."
This has forced me, on several occasions to reorder the selector to get proper
behavior in IE.
> To achieve an "and" effect like .one.two {} gives and have it work in any
> reasonably modern browser, I use nested elements with individual classnames.
> For example, if I want to do the equivalent of:
The fact that you have to use a workaround to get multiple selectors to be
applied in IE as they would in other browsers suggests to me that there is, in
fact, an issue with IE's implementation of multiple selectors.
The flaw is this:
<span class="one two four">text</span>
.one.two.four { color: blue; }
.one.three.four { color: red; }
In IE the text in the span is be red. Obviously, it's important that people
not familiar with the implementation of multiple selectors, like the person
with the original question, be aware of this "issue" in IE.
-Sam
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
