使用外部CSS和SVG的<use>

Question

我想使用<symbol>和<use>创建一个svg精灵，但我也想添加一个外部CSS ...

我的SVG：

<svg xmlns="http://www.w3.org/2000/svg">
  <style type="text/css">@import url(mycss.css);</style>
  <symbol id="cross" viewBox="0 0 20 20">
    <path class="cross1" d="M17.1 5.2l-2.6-2.6-4.6 4.7-4.7-4.7-2.5 2.6 4.7 4.7-4.7 4.7 2.5 2.5 4.7-4.7 4.6 4.7 2.6-2.5-4.7-4.7"/>
  </symbol>
</svg>

我的HTML：

<svg><use xlink:href="../images/sprites.svg#cross"></use></svg>

我的CSS：

#cross > .cross1{
  fill: red;
}

fill属性不起作用......