css - 同一文件中的 SVG 和 CSS 属性

Question

当我将 SVG 和 CSS 属性放在一个文件中时：

.circle {
    stroke: red;
}

.myArea {
    width: 100%;
}

有用。但是根据 W3C，它是否有效？这段代码没有通过 CSS 验证器的验证测试，我找不到“CSS + SVG”选项...

Answer 1

stroke是一个 CSS 属性（所有支持 SVG 的浏览器都支持）。我认为这可能只是验证器没有模式的情况。所有当前的浏览器都已经支持这种样式表，因为它们支持 svg。

Answer 2

编辑（现在我知道你的问题是什么意思）：这可能是由于浏览器不支持 SVG 及其功能造成的。没有浏览器支持完整的 svg 格式（svg 本身非常复杂并且具有非常多的功能）。但是，大多数浏览器都支持基本功能（IE <= 8 除外）。因此有效性测试可能会因为 SVG 支持而失败。

你可以在这里阅读更多：

在 html+svg 浏览器支持中使用 stroke

Answer 3

我在这里找到了答案：

SVG 的 CSS 是“标准”CSS 吗？

W3C CSS 验证具有您可以选择的选项（如果您直接通过 W3C 网站调用它）

在“更多选项”下，您会找到一个配置文件，其中一个选项是“SVG”。

我最初错过了这一切，因为我通常通过 Chris Pederick 的 Firefox add-0n “Web Developer” 调用 W3C 验证。