Czy istnieje sposób użycia SVG jako zawartości pseudo elementu: przed lub: po

Chcę umieścić kilka obrazów SVG przed wybranymi elementami. Używam JQuery, ale to nie ma znaczenia. Chciałbym, aby element: before był następujący:

  #mydiv:before {
    content:"<svg.. code here</svg>";
    display:block;
    width:22px;
    height:10px;
    margin:10px 5px 0 10px;
  }

Jeśli zrobię to tak, jak pokazano powyżej, wyświetla tylko ciąg. Sprawdziłem specyfikacje i wydaje się, że istnieją pewne ograniczenia dotyczące zawartości. Czy jest jakieś obejście tego ograniczenia? Tylko zawartość css jest istotna dla mojego pytania.

questionAnswers(6)

yourAnswerToTheQuestion