SVG属性はCSS＆スタイルで優先順位がつけられますか？

Question

私は、指定されたストローク属性を持つSVGラインを持っています。

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

そして、それにストローク値を持つCSSクラスがあります：CSSクラスは、実際には、明示的なSVG属性より優先され、ラインが緑としてレンダリング

line.myLine 
{ 
    stroke:green 
} 

どのように来ます？

同時に、ストローク付きのスタイル属性を追加すると、スタイルはCSSクラス&ストロークsvg属性をオーバーライドします。 だから優先順位の順番は以下の通りです：

1. スタイル属性
2. cssクラス
3. SVG属性SVG属性は最も低い優先度でどのように来る

???

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

Answer 1

長い標準から読み：https://www.w3.org/TR/SVG/styling.html#UsingPresentationAttributes

プレゼンテーションは、それらが、著者の先頭に置かれ、対応するCSSスタイルルールに置き換えられたかのようにこれCSS2カスケードに参加する属性特異性0のスタイルシート。一般に、これは、プレゼンテーション属性が、著者スタイルシートまたは 'スタイル'属性で指定された他のCSSスタイル規則より低い優先度を持つことを意味します。