multiple classes in the middle of a selector don't work

[GoogleCodeExporter]

What steps will reproduce the problem?

Change the multiple selector test css to this:
.bold p {
font-weight:bold;
}
.blue p {
color:blue;
}
.bold.blue p {
background-color:yellow;
}

What is the expected output? What do you see instead?
The multiple selectors no longer work if the are in the middle of a
selector rather than at the end.

What version of the product are you using? On what operating system?
IE7.js and IE8.js

Original issue reported on code.google.com by jpale...@pivotallabs.com on 19 Feb 2009 at 7:29

[GoogleCodeExporter]

dfdfdsfs

Original comment by vamsi...@gmail.com on 20 Feb 2009 at 10:49

[GoogleCodeExporter]

Those CSS selectors don't match anything.

Original comment by dean.edw...@gmail.com on 11 Feb 2010 at 1:26

• Changed state: Invalid

[GoogleCodeExporter]

Try changing the bold and blue line to this:

<LI><div class="bold blue"><p>This paragraph is bold and blue!</p></div></LI>

Then use the modified css.

I don't have an Windows machine here to test it.  But that was the behavior we 
were 
experiencing.

Original comment by jpale...@pivotallabs.com on 12 Feb 2010 at 6:58