在a：选择器之前通过CSS缩放SVG图标

Question

如何将SVG图标缩放为CSS的一部分：选择器之前？

示例：

a[href$=".xml"]:before {
    content: url(http://public.xxx.com/html9.svg);
    width: 20px;
    height: 20px;
}

<a href="foo.xml">foo.xml</a>

Answer 1

像这样：

Fiddle with your scaled image

CSS的相关更改：

a[href$=".xml"]:before {
    content: '';
    background-image: url(http://public.xxx.com/html9.svg);
    background-size: contain;
    width: 20px;
    height: 20px;
    display: inline-block;
}