svg怎么通过class设置相应属性

其实svg跟其他元素一样，可以通过 class 选择器来设置对应的属性，只是svg的属性是特定的

// 这里只是简单举例，svg 属性就不写全了
<svg class='svg-box'>
    <g>
        <path />
    </g>
</svg>

可以通过 class 选择器设置（当然上面只是举例，g、path 等元素都可以加上 class）

.svg-box g path{
    fill: 'red';
}

或 通过标签选择器（总之选择器用法和其他元素一样，只是里面的属性仅限svg中那些标签特有的属性）

svg g path{
    fill: 'red';
}