在svg中使用css

Question

我想弄清楚如何使svgs不給每個元素一個樣式屬性。

兩個問題：

當引用外部CSS文件，樣式正確顯示在瀏覽器中，而不是在一個圖像瀏覽器。這是正常的/可以避免的嗎？

我的大部分元素都有class和id屬性，下面CSS犯規提供所期望的效果，即全縣21015可是沒有其填充覆蓋

.county 
{ 
font-size:12px; 
fill:#d0d0d0; 
fill-rule:nonzero; 
stroke:#000000; 
stroke-opacity:1; 
stroke-width:0.1; 
stroke-miterlimit:4; 
stroke-dasharray:none; 
stroke-linecap:butt; 
marker-start:none; 
stroke-linejoin:bevel; 
} 

path#21015 
{ 
fill:red; 
} 

Answer 1

如果填充不是你想要的那麼可能有更高的特定性覆蓋所需的樣式，如該元素上的內聯樣式屬性或其他影響該元素的規則。你也可以通過寫作「fill：red！important」來承認失敗 - 這將在大多數情況下起作用。

無論如何，這是一個比svg問題更多的CSS問題。

Answer 2

這是一個替代語法...

在定義標籤.. .fil0 {填寫：＃96989A}

內的路徑標籤（一個或多個）類= 「fil0」

從定義路徑的直接類引用將覆蓋我的經驗中的所有其他類。