CSS Bug in MSIE 6 - Selector with an ID and a Class on the Same Element

Let's say that you have an element with an id of id. This element can have either of two different classes, classOne or classTwo. (Either you're swapping the className in script, or it can have different classes on different pages.)

Your CSS might look like this:

#id.classOne { some styles }
#id.classTwo { some different styles }

In MSIE 6, the #id.classTwo style will never be applied - unless it is put in a separate style tag or style sheet.

Test page Workaround is included
Reported by: Isaac Z. Schlueter.

Explorer 5-6 Windows | Reported on 10 April 2006.

This site is no longer maintained. I’m sorry, but it’s just too much work for too little return. You can continue to browse old bug reports, though.

Search reports by browser:

Atom RSS


(Add your own)

1 Posted by Jay on 18 May 2007 | Permalink

the second style rule is parsed like

#id.classOne.classTwo {...}

so when an element has both classes the second rule is rendered.