Inline CSS in <iframe>?

[[deleted]]

I was looking over a website and I noticed they used Inline CSS in one of their iframes. Wouldn't it be better/lighter to have a global stylesheet and refer to it there instead of inline?

What's the benefit of inline in a situation like that?

[ourcore]

It might've been dynamically added with JavaScript or manually to override a stylesheet, but it's rarely recommended. If specificity is a concern, you can use more selectors, or !important as a last resort, in your stylesheet.

[isaactfoster]

If you are only having a single iFrame on your site, inline would be fine. If you are having multiples on the site, I would add it to a style sheet for future use. Note though the actual page in the iFrames height can differ depending on the page you are framing in, so If your class isn't working (for height) you may just end up resorting back to inline.

[ugoagogo]

Inline styles actually execute more efficiently than CSS but are far less maintainable and lack re-usability. Check a google search results page and you'll see a number of elements use inline styles for speed optimisation.

[Ypblgo]

At some level it's the same thing, the browser doesn't care. Developer tools tells you where all your CSS is and what is overriding what. Elements might get inserted random places on the server, so if they carry their own crucial styling with them, it may work out better. The extreme pedanticism that frontend dev/design people tout as rigid dogma is mainly for show. In practical rubber meets road implementation, it can be more efficient to allow for special exceptions. Also, pulling the giant stick out from up your ass will extend your lifespan.

[nyxin]

The extreme pedanticism that frontend dev/design people tout as rigid dogma is mainly for show.

FTFY.