css - 在 svg 中使用 CSS

Question

我想弄清楚如何在不给每个元素一个样式属性的情况下制作 svg。

两个问题:

引用外部 css 文件时，样式在浏览器中正确显示，但在图像查看器中显示不正确。这是正常的/可以避免的吗？

我的大部分元素都有 class 和 id 属性，下面的 css 没有提供预期的效果，即 county 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”来承认失败——这在大多数情况下都有效。

无论如何，这更像是一个 css 问题而不是 svg 问题。