CSS :before on inline SVG

by

No, inline SVG is treated as an image, and images are replaced elements which are not allowed to have generated content.

Strictly speaking, I think it’s undefined. CSS 2.1 just talks about “images, embedded documents and applets” in general and The HTML standard defines it for images, but not SVG explicitly.

More Related Contents:

  1. How can I make an svg scale with its parent container?
  2. Is there a way to use SVG as content in a pseudo element ::before or ::after
  3. How to make a element expand or contract to its parent container?
  4. How to draw this chart in html and CSS? [closed]
  5. Canvas is stretched when using CSS but normal with “width” / “height” properties
  6. Fill SVG path element with a background-image
  7. Transparent arrow/triangle indented over an image
  8. How to change the color of an svg element?
  9. SVG drop shadow using css3
  10. Center a ‘div’ vertically in a % height ‘div’
  11. Using CSS :before and :after pseudo-elements with inline CSS?
  12. Triangle shape with background image
  13. Webkit CSS to control the box around the color in an input[type=color]?
  14. HTML not loading CSS file
  15. How to link a CSS file from HTML file?
  16. How can I send an inner to the bottom of its parent ?
  17. Add ellipses to overflowing text in SVG?
  18. Can a ::before selector be used with a ?
  19. CSS data attribute new line character & pseudo-element content value
  20. SPAN vs DIV (inline-block)
  21. CSS transform origin issue on svg sub-element
  22. Set div height equal to screen size
  23. Create a Reverse Clip-Path – CSS or SVG
  24. How do you style a external svg with css
  25. How to curve the div from bottom with image background
  26. Using SVG as background image
  27. There is a 4px gap below canvas/video/audio elements in HTML5
  28. How can I align 3 divs side by side?
  29. Canvas is stretched when using CSS but normal with `width` & `height` attributes
  30. using a div to blur an image behind it? [duplicate]

Leave a Comment