svg - 将<style>放在SVG的哪里？

Question

抱歉，这可能是基于意见的，但是我希望有一个正确的答案。

内联CSS样式应放在SVG文档中的何处？在里面
我在下面提供的示例定义了两种样式和一个使用它们的圆圈。

第一种样式在defs标记内定义，第二种样式在svg标记内定义。

两种样式均已成功显示在圈子中（至少在Chrome中确实如此，但是并未检查其他浏览器）。

我的问题是哪种方法更标准？

我认为将样式保留在defs中可使整个SVG保持整洁。但是，可以声称我不应该使用defs标记，因为没有人使用<use>引用样式

谢谢！

<svg height="100" width="100">
    <defs id="someDefs">
        <style id="style1">
            .blue-fill {
                fill : blue;
            }
        </style>
    </defs>
    <style id="style2">
        .red-stroke {
            stroke : red;
            stroke-width : 12
        }
    </style>
    <circle cx="50" cy="50" r="40" class="blue-fill red-stroke" />
</svg>

Answer 1

没关系两种方法都不是“更标准的”。 <style>元素无论如何都不可渲染，因此没有必要将它们放在<defs>部分中


正如Paul LeBeau所说。

阅读this article about style on MDN之后，该示例仅显示了SVG根目录下的样式示例，我更相信将<style>放在此处而不是在<defs>下是正确的。

此外，由于<defs>标记确实适用于应呈现的可重用图形元素，而<style>并非可呈现的元素，因此没有必要将其保留在那里。