使用CSS彩色SVG圖像

Question

有沒有一種方法可以將顏色應用於整個SVG圖像？ 不走到我擁有的每條路徑，圓和線並一一做？

我嘗試將svg元素分組

<g class="myImage"> 

在myImage類中，我放入fill：red使其適用於該組中的所有元素，但這不起作用！

我該如何做才能只將一種顏色應用到整個圖像或一組元素中？

-添加代碼

這是我的SVG文件（這只是一個示例，我知道圓圈重復3次）

<?xml version="1.0" standalone="no"?>
<?xml-stylesheet href="../css/logo.css" type="text/css"?>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">

<g class="logo">  
    <circle cx="50%" cy="50%" r="35%"/>
    <circle cx="50%" cy="50%" r="35%"/>
    <circle cx="50%" cy="50%" r="35%"/>
</g>
</svg>

在我的logo.css文件中，我有一堂課

.logo {
    fill:red;
}

希望這可以幫助

Answer 1

您做對了。 填充應繼承自<g>元素，所有圓圈將變為紅色，一個在另一個頂部。 Firefox顯示一個大紅色圓圈。