Html 如何集体设置svg属性？

我有一个带有两个svg箭头的页面，代码段如下所示：

<div class="button prev-button" v-on:click="prevPage">
    <svg class="button-icon" stroke-linecap="round" stroke-width="1" stroke="rgb(0,0,0)" stroke-opacity="0.2" fill="none" stroke-linejoin="round" viewBox="0 0 5 6" xmlns="http://www.w3.org/2000/svg">
        <path d="M4,0L1,3L4,6" ></path>
    </svg>
</div>
<div class="button next-button" v-on:click="nextPage">
    <svg class="button-icon" stroke-linecap="round" stroke-width="1" stroke="rgb(0,0,0)" stroke-opacity="0.2" fill="none" stroke-linejoin="round" viewBox="0 0 5 6" xmlns="http://www.w3.org/2000/svg">
        <path d="M1,0L4,3L1,6" ></path>
    </svg>
</div>

---

谢谢

是的，你可以这样做。但是，有些属性在CSS中无法操作，例如

d

属性

svg{
宽度：50px；
}
svg路径{
笔划线条连接：圆形；
笔画宽度：1；
笔划：rgb（0,0,0）；
笔划不透明度：0.2；
填充：无；
笔划线条连接：圆形；
}

---

是的，您可以这样做。但是，有些属性在CSS中无法操作，例如

d

属性

svg{
宽度：50px；
}
svg路径{
笔划线条连接：圆形；
笔画宽度：1；
笔划：rgb（0,0,0）；
笔划不透明度：0.2；
填充：无；
笔划线条连接：圆形；
}

还有一些更复杂的情况。请参阅以了解为什么

宽度
CSS属性对
元素有效，而对
元素无效。而且，SVG2在大多数浏览器中的实现都是不完整的。从理论上讲，
d
属性应该是可写的CSS属性，但到目前为止还没有浏览器实现这一点。请参阅以了解为什么
宽度
CSS属性对
元素有效，而对
元素无效。而且，SVG2在大多数浏览器中的实现都是不完整的。从理论上讲，
d
属性应该是可写的CSS属性，但到目前为止还没有浏览器实现这一点。
svg {
    attribute1: value1;
    attribute2: value2;
    ...
}