一个过滤器，用于几个单独的内联svg图形

Question

我的计划是：

- 在HTML5标记中使用多个内联SVG 图标 - 这样：

<ul>
<li><svg>content</svg></li>
<li><svg>content</svg></li>
...
<ul>

- 为每个图形应用一个SVG过滤器（位复杂的插入阴影）。

另外，我想避免在每个内联svg （甚至是BODY部分）中声明过滤器。是的，我可以将过滤器代码保存在单独的SVG文件中，并在CSS中应用过滤器：

svg {filter: url(filter.svg#inset-shadow);}

但它在webkit中不起作用。因此，我必须将过滤器恢复为html，并根据此solution将其大小更改为min 1px 我的问题：

1. 我可以在HTML文档的HEAD部分声明<SVG>SVG filter</SVG>吗？
2. 在描述的方案中是否还有其他解决方案？