可以为<path>标记提供一个用于css目的的类吗？

Question

我想在我的svg中有两个路径，所以当我用鼠标悬停svg时，我可以切换不透明度。

Answer 1

回答这个问题很容易找到，但无论如何：是的。请参阅https://developer.mozilla.org/en-US/docs/Web/SVG/Element/path

中的全局属性

＆＃13;

＆＃13;

.shape {
  opacity: .5;
}

＆＃13;

<svg width="300px" height="300px" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg">
  <path class="shape" d="M 100 100 L 300 100 L 200 300 z" fill="orange" stroke="black" stroke-width="5" />
</svg>

＆＃13;

＆＃13;

＆＃13;

Answer 2

是的，您可以使用stroke-opacity选项。