Why don’t :before and :after pseudo elements work with `img` elements? [duplicate]

by

The spec says…

Note. This specification does not fully define the interaction of ::before and ::after with replaced elements (such as IMG in HTML). This will be defined in more detail in a future specification.

I guess this means they don’t work with img elements (for now).

Also see this answer.

More Related Contents:

  1. Why do the :before and :after pseudo-elements require a ‘content’ property?
  2. Can I have multiple :before pseudo-elements for the same element?
  3. CSS Pseudo Element Counters: can you increment an alphabet letter “a”, “b”, “c”, etc instead of a number?
  4. Can you apply a width to a :before/:after pseudo-element (content:url(image))?
  5. Purpose of *:before, *:after rule without content property
  6. Can I use a :before or :after pseudo-element on an input field?
  7. Why isn’t it possible to combine vendor-specific pseudo-elements/classes into one rule set?
  8. Is it possible to set the stacking order of pseudo-elements below their parent element? [duplicate]
  9. How can I write a ‘:hover’ condition for ‘a:before’ and ‘a:after’?
  10. CSS :after not adding content to certain elements
  11. Font Awesome 5 Choosing the correct font-family in pseudo-elements
  12. Can I change the height of an image in CSS :before/:after pseudo-elements?
  13. CSS :before on inline SVG
  14. Is there a way to use SVG as content in a pseudo element ::before or ::after
  15. Can I target a :before or :after pseudo-element with a sibling combinator?
  16. Should I use single or double colon notation for pseudo-elements?
  17. How can I make generated content selectable?
  18. Add line break to ::after or ::before pseudo-element content
  19. Universal selector * and pseudo elements
  20. Combine :after with :hover
  21. Z-index with before pseudo-element
  22. Are CSS3 ::before and ::after pseudo elements supported by IE9 or not?
  23. Vertically centering content of :before/:after pseudo-elements
  24. CSS data attribute new line character & pseudo-element content value
  25. “text-decoration” and the “:after” pseudo-element, revisited
  26. css rotate a pseudo :after or :before content:”” [duplicate]
  27. Should I use single colons (:) or double colons (::) for before, after, first-letter and first-line pseudo-elements?
  28. prevent a pseudo element from triggering hover?
  29. Apply webkit scrollbar style to specified element
  30. CSS3 transitions on pseudo-elements (:after, :before) not working?

Leave a Comment