在前端開發中，我們經常會使用矢量圖形——SVG。SVG，即可縮放矢量圖形（Scalable Vector Graphics），它以 XML （Extensible Markup Language）格式描述二維圖形的語言。用 SVG 畫出的圖像不會因為放大或者縮小而失去細節和清晰度。

然而，我們有時需要根據網站主題或者用戶設置改變 SVG 的顏色。那么，是否可以使用 CSS 來改變 SVG 的顏色呢？答案是肯定的。

/* CSS代碼 */
svg {
fill: red;
stroke: blue;
}

在 CSS 文件中，我們可以使用 fill 屬性和 stroke 屬性分別改變 SVG 的填充色和描邊色。fill 和 stroke 屬性的默認值是 black。

當然，如果我們需要給同一個 SVG 填充多個不同顏色，那么我們就需要使用 SVG 的內部元素，通過 CSS 的偽元素選擇器 :nth-child() 選擇不同的元素，并給它們設置不同的 fill 或 stroke 屬性值。

/* CSS代碼 */
svg g:nth-child(1){
fill: red;
}
svg g:nth-child(2){
fill: blue;
}

上面的代碼中，我們使用了 SVG 的 g 元素，它是 SVG 內部元素的容器。通過 :nth-child() 選擇器，我們給不同的 g 元素設置了不同的填充色。

綜上，我們可以通過 CSS 來輕松改變 SVG 的顏色，進而美化我們的頁面，使其更加符合視覺需求。