如何清除特定div中用于外部js嵌入式内容的CSS规则。 我的意思是使它表现为没有以前的CSS规则？

Question

我想在我的网站上嵌入zumi.pl地图。 他们的地图通过js加载到具有特定ID的div，并且依赖于外部CSS。 但是我在div#content内格式化div的css干扰了将其全部搞糟的嵌入式地图。 我试图用上下文css重置将其包含在另一个div中，但仍然显示错误。 使它（几乎）正确显示的唯一方法是在firefox检查器中取消选中该div的所有css规则，但是我无法弄清楚如何在页面上实现相同的效果。 为了清楚起见，这是来自其生成器的示例复制和粘贴代码：

    <div id="zumiMap" class="zumi_creator" style="width:300px; height:300px;"></div>
<script src="http://api.zumi.pl/maps/api" type="text/javascript" ></script><script type="text/javascript">(function(){var marker,map=new zumi.maps.Map("zumiMap", {"apiKey": "E48EF8E55A0B3BEAE0434628AE0A1EEA"});map.afterLoad(function() {document.getElementById("zumiMap").className += " zumi_creator";map.addMarker({lat: 52.214679,lng: 21.021101},{letter: "A", type: "main"});map.setCenter({lng: 21.021101,lat: 52.214679}, 7);});})();</script>

这是我的CSS要怪：

#content div {
    display: inline;
    float: left;
    margin: 0px 0.833333%;
    padding-left: 10px;
}

如何隔离html片段，使其表现为没有以前的CSS规则？ 但不使用iframe。

Answer 1

你有尝试过吗？ #content #zumiMap div比#content div选择器具有更高的特异性，因此您可以重置所有问题样式。

#content #zumiMap div {
    display: block;
    float: none;
    margin: 0;
    padding-left: 0;
}