美文网首页
svg怎么通过class设置相应属性

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

作者: 7b7d23d16ab5 | 来源:发表于2021-05-07 00:18 被阅读0次

其实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';
}

相关文章

网友评论

      本文标题:svg怎么通过class设置相应属性

      本文链接:https://www.haomeiwen.com/subject/iugjdltx.html