svg与css关联

<style>
  #svg-rect {
    fill: green;
    stroke: yellow;
    stroke-width: 3px;

    display: visible;//隐藏和显示  隐藏用none
  }
</style>

<svg width="100" height="100">
  <rect id="svg-rect" x="10" y="10" width="80" height="80" />
</svg>
 

使用类控制

<style>
  .svg-circle {
    fill: red;
    stroke: blue;
    stroke-width: 2px;
  }
</style>

<svg width="100" height="100">
  <circle class="svg-circle" cx="50" cy="50" r="40" />
</svg>