CSS :after with ::after not work in IE8

Question

I know IE8 only supports :after and not ::after.

I thought I could solve it in one line.

Here is the CSS:

E:after, E::after{ ..... }

But it doesn't work in IE8.

Answer 1

IE8 is behaving as expected and discarding the entire ruleset because it doesn't recognize double colons. See this slightly related answer. This is not buggy behavior.

If you need to support IE8, just use single colons. That's what you're supposed to do. :before with a single colon is guaranteed to work on all browsers and you can rely on it thanks to IE8.

E:after { ... }

Answer 2

you can place code for IE8 as this.

<!--[if IE 8]>
<style>...</style>
<![endif]-->