6

我想使用外部样式表来设置一些 SVG 精灵的样式，如本Sitepoint 教程和 W3C 的SVG样式中所详述。

但是，CSS 不是非常标准：

rect {
  fill: red;
  stroke: blue;
  stroke-width: 3
}

因为它没有使用W3C CSS Validator进行验证。

是什么赋予了？

4

3 回答 3

9

要使用 W3C CSS Validator 验证 SVG，请在“更多选项”下将配置文件更改为 SVG

于 2013-08-27T16:35:46.350 回答
8

SVG 的 CSS 是“标准”CSS 吗？

不它不是。它使用 CSS语言，但不在 CSS 属性规范中。它只是 SVG 规范的一部分。这与使用非标准的供应商扩展非常相似，因为虽然前缀是在 CSS 语法中定义的，但前缀属性实际上并不会仅仅因为它们是非标准的而验证为 CSS。

您应该在验证代码时选择 SVG 验证配置文件，但它似乎不起作用；它会吐出与根据 CSS 规范进行验证一样多的错误。在这种情况下，它可能是一个验证器错误。

于 2013-08-27T16:34:08.817 回答
4

有些属性是标准的 CSS，例如 display，有些则不是；它们仅适用于 SVG 内容，例如填充。它们都列在这里。

我认为没有一个易于理解的列表，但是如果您单击单个属性，例如SVG 规范属性列表中的显示（显示恰好是标准 CSS 属性），那么您会在 SVG 中获得此文本定义末尾的标准：

除了本规范中提供的任何附加信息外，'display' 属性的规范定义是 CSS2 定义（[CSS2]，第 9.2.6 节）。

于 2013-08-27T16:37:36.313 回答