如何讓 svg 組的所有元素在懸停時更改其填充顏色？
下面的示例根本不起作用。如果我.sgroup circle:hover只使用指標下的圓圈，則兩者都不起作用。
.sgroup:hover {
fill: green;
}<div>
<svg width="200" height="200">
<g class="sgroup">
<circle cx="50" cy="50" fill="pink" r="10" ></circle>
<circle cx="150" cy="150" fill="purple" r="10" ></circle>
</g>
</svg>
</div>uj5u.com熱心網友回復：
請看下文。我想這就是你要找的東西？
.sgroup:hover circle {
fill: green;
}<div>
<svg width="200" height="200">
<g class="sgroup">
<circle cx="50" cy="50" fill="pink" r="10" ></circle>
<circle cx="150" cy="150" fill="purple" r="10" ></circle>
</g>
</svg>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/516152.html
標籤：csssvg
上一篇：為什么應用程式加載時不請求svg
下一篇：進出SVG湍流過濾器