类

为元素分配类名或一组类名。您可以为任意数量的元素分配相同的类名或名称，但是，多个类名必须用空格字符分隔。

元素的类名有两个关键作用

作为样式表选择器，用于作者将样式信息分配给一组元素时。
供浏览器通用使用。

您可以使用此类来使用 CSS 设置 SVG 内容的样式。

使用上下文

类别	无
值	<类名列表>
可动画	是
规范性文档	SVG 1.1（第二版）：class 属性

示例

html

<html lang="en">
  <body>
    <svg
      width="120"
      height="220"
      viewPort="0 0 120 120"
      version="1.1"
      xmlns="http://www.w3.org/2000/svg">
      <style>
        <![CDATA[
            rect.rectClass {
                stroke: #000066;
                fill:   #00cc00;
            }
            circle.circleClass {
                stroke: #006600;
                fill:   #cc0000;
            }
        ]]>
      </style>

      <rect class="rectClass" x="10" y="10" width="100" height="100" />
      <circle class="circleClass" cx="40" cy="50" r="26" />
    </svg>
  </body>
</html>

元素

以下元素可以使用 class 属性

浏览器兼容性

BCD 表格仅在浏览器中加载