在svg中使用css

时间:2011-08-23 02:59:05

标签: css svg

我正在试图弄清楚如何制作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;
}

2 个答案:

答案 0 :(得分:1)

如果填充不是您想要的填充,那么可能会有一些具有更高特异性的东西覆盖您想要的样式,例如该元素的内联样式属性或影响该元素的其他一些规则。你也可以写下“填充:红色!重要”来承认失败 - 这在大多数情况下都有效。

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

答案 1 :(得分:0)

这是另一种语法......

在定义标签内..     .fil0 {fill:#96989A}

在路径标记中,class =“fil0”

从我的经验中,从定义路径的直接类引用将覆盖所有其他引用。