Namespacing or Controlling Your Styles

[twhitacre]

I’m working on an application that uses a toolbar that will be overlaid on many many websites. Because of the needs behind this toolbar it HAS to be written in the DOM and not through an iframe.

Therefore the problem lies when different websites use different CSS frameworks or resets. We have namespaced the heck out of it but there are still frameworks that cause issues.

Just curious if any of you have any suggestions on controlling our element and not allowing other styles loaded to the page to effect it.

[georgearnall]

Could you include your own reset for this toolbar so that the rules have a higher specificity than the websites reset. This may mean also putting !important after every rule.

[twhitacre]

Yeah, we’ve thought of that. The problem is we would need to do a full reset with important’s on everything, then build from the ground up on each element. Not hard to do… especially with SASS, just not the route we were hoping to take.

Thanks for the reply though, it looks like this may be the only way.

[Author]

Posts