SVG 属性优先于 CSS&style？

我有带有指定笔画属性的 SVG 线。

<line class="myLine" stroke="red" x1="40" x2="200" y1="100" y2="100" stroke-width="5" />

还有一个 CSS 类，其中包含描边值：

line.myLine
{
  stroke:green
}

为什么 CSS 类实际上优先于显式 svg 属性并且线条呈现为绿色？？？

同时，如果我添加带有描边的样式属性，则样式将覆盖 css 类和描边 sv​​g 属性。 所以优先级顺序如下：

1. 样式属性
2. CSS类
3. svg属性

为什么SVG属性的优先级是最低的？？？

https://jsfiddle.net/pmunin/6j5woyry/

标准的长读：https://www.w3.org/TR/SVG/styling.html#UsingPresentationAttributes

因此，呈现属性将参与 CSS2 级联，就好像它们被放置在作者样式表开头且特异性为零的相应 CSS 样式规则所取代一样。一般来说，这意味着表示属性的优先级低于作者样式表或“样式”属性中指定的其他 CSS 样式规则。