SolutionSet Blog

Recent Discussion

Victor on “Multiple Classes in IE”:

Oww that pretty neat. pretty useful for on the fly class changes and some nice ajax effects can be done with this

View comment »

Prestaul on “Multiple Classes in IE”:

Mark - IE6 does NOT support chained class selectors. Your example was flawed because your classes specified style changes that are exclusive. (i.e. background changed background color and border changed border style, but neither effected the other)

If you chain classes in a selector IE6 ONLY RECOGNIZES THE LAST ONE. This means that in IE6 this:

div {
color: green;
margin: 10px;
background-color:maroon
}

div.border {
border: solid 1px black;
}
div.background {
background-color: black;
}

div.background.border {
background-color: yellow;
}

is equivalent to:

div {
color: green;
margin: 10px;
background-color:maroon
}

div.border {
border: solid 1px black;
}
div.background {
background-color: black;
}

div.border {
background-color: yellow;
}

Test it and see if I'm right on that.

Or, try this:

div.background {
background-color: black;
}

div.border.background {
background-color: yellow;
}

and see if you can get a div with class="background" to show up with a black background in IE6... You can't.

View comment »