我正在试图弄清楚如何制作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;
}
答案 0 :(得分:1)
如果填充不是您想要的填充,那么可能会有一些具有更高特异性的东西覆盖您想要的样式,例如该元素的内联样式属性或影响该元素的其他一些规则。你也可以写下“填充:红色!重要”来承认失败 - 这在大多数情况下都有效。
无论如何,这更像是一个CSS问题,而不是一个svg问题。
答案 1 :(得分:0)
这是另一种语法......
在定义标签内.. .fil0 {fill:#96989A}
在路径标记中,class =“fil0”
从我的经验中,从定义路径的直接类引用将覆盖所有其他引用。