How to style one particular SVG path in CSS?

Question

Is it possible to style differently a same SVG symbol with 2 distinct CSS classes. Like in this jsfiddle

Answer 1

You can achieve what you want, but without CSS. See this fiddle: http://jsfiddle.net/41e0f7z5/2/

The trick is that you can set a fill attribute to the element. Then, your symbol is composed of a path and a group owning all the other pathes. This group has a fillattribute set to black. But, because the firt path has no fillattribute, it will inherit from the one.