I did get your link a few posts back. I suppose jQuery is the only solution, otherwise vanilla css and svg segregated is not possible.
Thanks Rick. > Rick Gordon <mailto:li...@rickgordon.com> > Thursday, July 14, 2016 12:20 AM > The link that I posted earlier, > http://stackoverflow.com/questions/18434094/how-to-style-svg-with-external-css, > suggests inlining the SVG. Is that a possibility? > > Here's a direct link to what was pointed to: > > https://snippetlib.com/jquery/replace_all_svg_images_with_inline_svg > > Rick Gordon > > --------------------- > > > ___________________________________________ > RICK GORDON > EMERALD VALLEY GRAPHICS AND CONSULTING > ___________________________________________ > WWW: http://www.shelterpub.com > ______________________________________________________________________ > 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/ > Crest Christopher <mailto:crestchristop...@gmail.com> > Wednesday, July 13, 2016 11:01 PM > Here is an example pen <http://codepen.io/Sheep/pen/QEaLrV>; the SVG > is being loaded externally, absolute path in this case. There are > classes for each path within the SVG, I want to stylize the classes > individually within the SVG, not just fill the classes with a path. > > Many of you have posted some good links, even if I've read them, none > appear from my understanding to stylize classes from outside the SVG; > I hopefully want to keep SVG separate from CSS, not intermix the two > together within the SVG file. > > > Tom Livingston <mailto:tom...@gmail.com> > Wednesday, July 13, 2016 4:55 PM > Updated again. Sorry. My mistake. Just the class is working. > (I had left the style embedded inside the svg, so using "circle.st0" was > just more specific.) > > Tom Livingston <mailto:tom...@gmail.com> > Wednesday, July 13, 2016 4:50 PM > Updated to style the circles as well. Have to specify "circle.st0" for > this > to work in chrome. Just the class didn't seem to work. > > > > Tom Livingston <mailto:tom...@gmail.com> > Wednesday, July 13, 2016 4:34 PM > It's pretty easy. Blue is done with css in the head. > > http://tomliv.com/svg/ > > ______________________________________________________________________ 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/
