Are CSS3 ::before and ::after pseudo elements supported by IE9 or not?

by

The CSS2 pseudo-elements :before and :after, with the traditional single-colon notation, are supported by IE8 and later. They are not new to CSS3.

The double-colon notation, on the other hand, is new to CSS3. IE9 does support this new notation for ::before and ::after, and likewise for the CSS1 pseudo-elements ::first-line and ::first-letter. Going forward, however, no new pseudo-element may use the single colon syntax, and browsers (including IE) are expected to support the double colon syntax for all pseudo-elements.

I have no clue why that table says IE9 doesn’t support the new pseudo-element syntax, because it certainly does according to the docs for the individual selectors linked above, and your test case. As well as, of course, this answer.

More Related Contents:

  1. Why isn’t it possible to combine vendor-specific pseudo-elements/classes into one rule set?
  2. How can I write a ‘:hover’ condition for ‘a:before’ and ‘a:after’?
  3. What is the difference between a pseudo-class and a pseudo-element in CSS?
  4. Can I target a :before or :after pseudo-element with a sibling combinator?
  5. Should I use single or double colon notation for pseudo-elements?
  6. Universal selector * and pseudo elements
  7. Can I have multiple :before pseudo-elements for the same element?
  8. Combine :after with :hover
  9. :active css selector not working for IE8 and IE9
  10. Vertically centering content of :before/:after pseudo-elements
  11. Should I use single colons (:) or double colons (::) for before, after, first-letter and first-line pseudo-elements?
  12. What is the difference between pseudo-classes and pseudo-elements?
  13. Combine CSS Attribute and Pseudo-Element Selectors?
  14. Is there a CSS selector for elements containing certain text?
  15. What does the “~” (tilde/squiggle/twiddle) CSS selector mean?
  16. ::slotted CSS selector for nested children in shadowDOM slot
  17. nth-child doesn’t respond to class [duplicate]
  18. Nesting CSS classes
  19. CSS attribute selectors: The rules on quotes (“, ‘ or none?)
  20. What is the difference between ‘>’ and a space in CSS selectors?
  21. Why can’t you group descendants in a CSS selector?
  22. SVG in img element proportions not respected in ie9
  23. Should I use CSS :disabled pseudo-class or [disabled] attribute selector or is it a matter of opinion?
  24. Not CSS selectors
  25. ::before pseudo-element stacking order issue
  26. CSS selector (id contains part of text)
  27. CSS3 ::selection behaves differently in FF & Chrome
  28. CSS – First child without certain class
  29. CSS select first element with a certain class
  30. Correct terms and words for sections and parts of selectors

Leave a Comment