Existe uma maneira de usar o SVG como conteúdo em um pseudoelemento: antes ou: depois
Eu quero colocar algumas imagens SVG antes de alguns elementos selecionados. Estou usando o JQuery, mas isso é irrelevante. Eu gostaria de ter o elemento antes de ser como:
#mydiv:before {
content:"<svg.. code here</svg>";
display:block;
width:22px;
height:10px;
margin:10px 5px 0 10px;
}
Se eu fizer isso como mostrado acima, basta exibir a string. Eu verifiquei as especificações e parece haver algumas restrições sobre o conteúdo que pode ser. Existe um trabalho em torno dessa restrição? Apenas o conteúdo css é relevante para minha pergunta.