CSS: pseudo-element bug

Test

First line

Second line


The first letters in both lines should be red, blue & twice as large.

Internet Explorer ignores styles on pseudo-elements which don't have a space after them:

Wrong: foo:first-letter{…} & foo:first-letter, bar:first-letter {…}

Right: foo:first-letter {…} & foo:first-letter , bar:first-letter {…}

According to the specs they are both right of course ;-)

Another test

The first line in this div should be red. Let's see what happens. In IE probably nothing.
The first line in this div should be blue. Let's see what happens. In IE this works.

On pseudo-classes

Test link.


On pseudo-classes (:hover in this example) it works.


Home - More stuff