Re: [css-d] Style Object tag svg

FYI, I found this answer using Rick Gordons link — http://stackoverflow.com/questions/18434094/how-to-style-svg-with-external-css The answer by RGB edited by Paul D. Waite Best, Karl DeSaulniers Design Drumm http://designdrumm.com > On Jul 14, 2016, at 12:23 AM, Karl DeSaulniers

Re: [css-d] Style Object tag svg

I think the reason jQuery can do it is because jQuery accesses the inline tag after its been loaded into the DOM. So to answer your question, can you style a SVGs children via the parent documents css that are linked and not embedded, the answer is no. Best, Karl DeSaulniers Design Drumm

Re: [css-d] Style Object tag svg

Also, you will need to include the "embed tag" like you do with a flash file for it to work on all systems I believe. So one suggestion I have is to put your SVG inline code in their own separate html and inject them at runtime into your object and embed tags with PHP or the like. IF you

Re: [css-d] Style Object tag svg

Crest, Your main css would only have an effect on the content of the SVG if the SVG file is included inline in the HTML. If you want to keep your SVG in files, the CSS needs to be defined inside of the SVG file. You can do it with a style tag that is inside the SVG. Otherwise you have to put

Re: [css-d] Style Object tag svg

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 > Thursday, July 14, 2016 12:20 AM > The link that I posted earlier, >

Re: [css-d] Style Object tag svg

Here is an example pen ; 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

Re: [css-d] Style Object tag svg

Anyone know if CodePen can display absolute SVG files, I'm getting a parsing error ? Tom Livingston 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

Re: [css-d] Style Object tag svg

It requires the SVG to be embedded into the markup; I suppose id> is my only solution. I have SVG with too many paths that will add too much overhead to the markup. Tom Livingston Wednesday, July 13, 2016 4:55 PM Updated again. Sorry. My mistake. Just the class is

Re: [css-d] Style Object tag svg

On Wed, Jul 13, 2016 at 4:50 PM, Tom Livingston wrote: > > > On Wed, Jul 13, 2016 at 4:34 PM, Tom Livingston wrote: > >> It's pretty easy. Blue is done with css in the head. >> >> http://tomliv.com/svg/ >> >> >> -- >> >> > Updated to style the circles as

Re: [css-d] Style Object tag svg

On Wed, Jul 13, 2016 at 4:34 PM, Tom Livingston wrote: > It's pretty easy. Blue is done with css in the head. > > http://tomliv.com/svg/ > > > -- > > 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

Re: [css-d] Style Object tag svg

It's pretty easy. Blue is done with css in the head. http://tomliv.com/svg/ -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 __ css-discuss

Re: [css-d] Style Object tag svg

On Wed, Jul 13, 2016 at 3:10 PM, Crest Christopher < crestchristop...@gmail.com> wrote: > I have a question regarding this > > method; there is no SVG being loaded, is it loading in the background and > simply

Re: [css-d] Style Object tag svg

On Wed, Jul 13, 2016 at 4:17 PM, Tom Livingston wrote: > > > On Wed, Jul 13, 2016 at 3:10 PM, Crest Christopher < > crestchristop...@gmail.com> wrote: > >> I have a question regarding this >>

Re: [css-d] Style Object tag svg

I have a question regarding this method; there is no SVG being loaded, is it loading in the background and simply being stylizing by a style sheet ? Tom Livingston Tuesday, July

Re: [css-d] Style Object tag svg

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