CSS是一種用于網(wǎng)頁樣式的語言，它具有修改元素顏色的能力。但是在使用SVG時，你可能會發(fā)現(xiàn)有些SVG元素的顏色無法用CSS來修改。下面我們來討論一下為什么會出現(xiàn)這種情況。

<svg viewBox="0 0 100 100">
<circle cx="50" cy="50" r="30" fill="#FF0000"/>
</svg>

在SVG中，元素的填充色和描邊色可以被設(shè)置為顏色值或URL引入的圖片。以上述代碼為例，這是一個紅色圓形。如果我們想通過CSS來修改這個圓形的顏色，我們可能會這樣寫代碼：

svg circle {
fill: #00FF00;
}

但是在這種情況下，填充顏色仍然是紅色。這是為什么呢？

其實(shí)，這是因為SVG的填充顏色和描邊顏色是不可繼承的。這意味著SVG元素的顏色值不會從父元素繼承。因此，無論我們在CSS中如何設(shè)置這個SVG元素的樣式，這個紅色圓形的填充色都不會改變。

不過，有些SVG元素是可以受CSS樣式控制的，比如通過CSS設(shè)置`stroke`和`fill`屬性的漸變和圖案，以及設(shè)置某些SVG元素的濾鏡和陰影效果等。

總的來說，如果你想修改SVG元素的填充色或描邊色，最好的方法是使用內(nèi)聯(lián)SVG元素來定義它們的顏色，而不是通過CSS。