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>