我的svg代码有什么问题？

Question

此代码仅适用于codepen但jsfiddle，请告诉我我的代码有什么问题。 FULL CODE LINK

<svg width="500px" height="20px" viewBox="0 0 561 10" >
<line class="path" fill="none" stroke-width="2" stroke-linecap="round" x1="0"   y1="0" x2="561" y2="0"/>
</svg>

Answer 1

您必须将右上角的css更改为scss，因为您的css部分内容功能尚未在CSS中存在;

  

Scss让你可以使用CSS中不存在的功能，比如变量，   嵌套，继承等

这是working solution