在CSS中更改#ID中第一个矩形的背景颜色

Question

我在GWT应用程序中生成一个SVG，我想在CSS中修改SVG中的第一个rect背景颜色。

这里是代码：

<svg id="chart8" width="720" height="350" style="overflow: hidden;">
  <defs id="defs">...</defs>
  <rect x="0" y="0" width="720" height="350" stroke="none" stroke-width="0" fill="#ffffff">
  <g>...</g>
  <g><rect .../></g>
  <g>...</g>
</svg>

所以我想在CSS中仅修改＃chart8的第一个rect元素的填充值。

我对此进行了测试，但它无效：

#chart8 rect:first-of-type {
  fill: #F1F1F1;*/
}

有你的想法吗？

谢谢！