其实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';
}
网友评论