如何在SVG中继承笔画颜色？(不是填充，而是描边颜色)

<style>
    .red-stroke {
        stroke: red;
    }
    .blue-stroke {
        stroke: blue;
    }
</style>

<svg>
    <circle cx="50" cy="50" r="40" class="red-stroke" />
    <rect x="100" y="10" width="80" height="80" class="blue-stroke" />
</svg>

<svg>
    <circle cx="50" cy="50" r="40" stroke="red" />
    <rect x="100" y="10" width="80" height="80" stroke="blue" />
    <line x1="10" y1="100" x2="90" y2="100" stroke="green" />
    <g stroke="purple">
        <circle cx="150" cy="150" r="40" stroke="inherit" />
        <rect x="200" y="110" width="80" height="80" stroke="inherit" />
    </g>
</svg>