同一文件中的SVG和CSS属性

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

.circle{
笔画：红色；
}
.myArea{
宽度：100%；
}

---

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

编辑（现在我知道你的问题是什么）：这可能是由于浏览器不支持SVG及其功能造成的。没有一款浏览器支持完整的svg格式（svg本身非常复杂，有很多特性）。但是，大多数浏览器都支持基本功能（除了IE

stroke

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

我在这里找到了答案：

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

在“更多选项”下可以找到一个概要文件，其中一个选项是“SVG”

---

我最初错过了所有这些，因为我通常通过Chris Pedrick的Firefox add-0n“Web开发者”调用W3C验证.

我已经创建了一个单独的CSS文件。这是我在邮件中向您展示的文件。

stroke

不是CSS属性，而是SVG属性。这正是为什么正如您所说，只有支持SVG的浏览器才支持它的原因。在规范中，没有“SVG属性”这样的东西（除非可能是作为一种非正式的方式，表明这些属性在此给定时间点仅适用于svg内容）。

stroke

是真正的CSS属性（与任何其他CSS属性一样）唯一的区别是，它是在svg规范中定义的，因此只有UA支持svg时才需要。有几个例子表明，最初在svg中定义的属性已经转移到CSS规范中，

指针事件

就是其中之一。