You can stylize different components of the SVG like any other component. If they have an ID, use it. Otherwise, you can use their type (e.g. circle, etc.) and the cascade to control which of them (e.g. which circle) gets effected. You can use the "first-child", "nth-child" and all those other pseudo selectors on them. If you need to, give the items in the SVG and ID all their own.
I guess I'm not understanding why this is so hard. I have styled SVG in a number of cases. I simply go into the debugger (e.g. Chrome or FF) and explore the DOM, look through the SVG, find the items I'm looking for and build CSS to handle it. From: Crest Christopher <crestchristop...@gmail.com<mailto:crestchristop...@gmail.com>> Date: Tuesday, July 12, 2016 at 7:57 PM To: Chris Williams <ch...@clwill.com<mailto:ch...@clwill.com>> Cc: CSS-Discuss <css-d@lists.css-discuss.org<mailto:css-d@lists.css-discuss.org>> Subject: Re: [css-d] Style Object tag svg I only said, it was a post to make it easier to find I understand it meant; likes. you can only set the properties for the entire symbol with this method. So, if you have two paths in your symbol and want them to have different fill colors, this won't work, but if you want all your paths to be the same, this should work That is the problem, I cannot independently stylize different paths in the SVG file. ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
