Question

我有一些html被嵌入网站，但被嵌入在css中的页面弄得乱七八糟。我怎么能这样做才能发生......我的内容有一个特定的ID，它的css是非常具体的。它包含图像，div，spans，h标签，p标签......所有常见的东西。 MY div的样式表附加在头部。

有什么想法吗？

Answer 1

如果我正确理解了您的问题，您可以recursively使用JavaScript迭代div的{{3}}并重置child elements和class属性。请参阅此style或以下代码段：

<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>

Answer 2

始终通过ID定位您的特定内容并添加特定的类。另外，为CSS中的每个规则添加！important。并覆盖所有你需要保持不变的东西。

其他解决方案是为您的内容使用内联CSS。

清除特定div及其子元素的所有页面样式

2 个答案: