我想在页面内插入一些HTML代码,我插入的代码应该不受该页面的CSS和JS的影响,它应该加载自己的CSS和JS。
示例代码:
<div class="body">
<p>Example Content </p>
<p>Sample Content 2 </p>
<div class="special-div">
<p> No CSS and JS to be applied to this div 'special-div', it should load it's own CSS and JS </p>
</div><!-- /.special-div -->
</div><!-- /.body -->
在上面的代码div中,带有“special-div”类的代码应加载其自己的CSS和JS,并且不受页面CSS和JS的影响
我尝试使用iframe,但首先它们是跨源的,其次iframe拥有自己的滚动条。
我试图将滑块插入到wordpress页面中,我已经在HTML站点中构建了滑块并对其进行了测试,但是默认的wordpress样式和JS正在更改布局。我可以轻松删除样式,但是我不确定如何摆脱影响滑块的JS。
任何帮助将不胜感激。
最佳答案
一种方法是Shadow DOM。