Home/ Questions/Q 6722543
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T09:27:35+00:00

I have some html being embeded on websites but is gets messed by the

  • 0

I have some html being embeded on websites but is gets messed by the page it’s embeded in’s css. How can I make it so that doesnt happen… My content has a specific ID and it’s css is very specific. It contains images, divs, spans, h tags, p tags.. all the usual stuff. The style sheet for MY div is appended to the head.

Any ideas?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Provided I understood your question correctly, you could recursively iterate through the child elements of your div with JavaScript and reset the class and style attributes. See this fiddle or the following code snippet:

    <html>
    <head>
        <style type="text/css">
            .aClass {
                font-size: 0.75em;
            }

            .anotherClass {
                font-weight: bold;
                color: Fuchsia;
            }
        </style>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript">
            function removeStuff(elem) {
                elem.children().each(function() {
                    if ($(this).children().length > 0) {
                        $(this).removeClass();
                        $(this).removeAttr('style');
                        removeStuff($(this));
                    } else {
                        $(this).removeClass();
                        $(this).removeAttr('style');
                    }
                });
            }
        </script>
    </head>
    <body>
        <div id="myDiv">
            <span class="aClass">This span is classy.</span>
            <div style="font-size: 2em;">
                This div has style.
                <span class="anotherClass">Lorem Ipsum.</span>
            </div>
        </div>
        <a href="javascript:removeStuff($('#myDiv'));">Remove classes &amp; styles</a>
    </body>
</html>
    • 0