我想将一些SVG图像放在一些选定的元素之前.我使用的是jQuery，但这无关紧要.
我希望::before元素是这样的:
#mydiv::before {
content: '<svg ... code here</svg>';
display: block;
width: 22px;
height: 10px;
margin: 10px 5px 0 10px;
}
如果我像上面所示那样做，它只会显示字符串.我查看了规格，似乎对内容有一些限制.有没有解决这个限制的办法？只有CSS content与我的问题相关.
是的，你可以！刚刚测试过，效果很好，太棒了！它仍然不适用于html，但适用于svg.
在我的index.html中，我有:
<div id="test" style="content: url(test.svg); width: 200px; height: 200px;"></div>
我的test.svg如下所示:
<svg xmlns="http://www.w3.org/2000/svg">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red"/>
<polyline points="20,20 40,25 60,40 80,120 120,140 200,180" style="fill:none;stroke:black;stroke-width:3"/>
</svg>