Javascript 如何使用jquery删除不在div中的HTML代码

我有下面的代码在我的网页上，我没有访问权，需要删除它。不幸的是，它不在一个特定的分区内

html{margin top:32px！重要；}
*html正文{页边空白顶部：32px！重要；}
@媒体屏幕和屏幕（最大宽度：782px）{
html{页边空白顶部：46px！重要；}
*html正文{页边空白顶部：46px！重要；}
}

根据标签的具体程度，您可以尝试使用选择器将其定位以查找标签

var badStyles = $('style[type*="text/css"]');

从这里您可能需要确定它是否是正确的元素，因为您可能有几个样式元素：

var badStyles = $('style[type*="text/css"]');
badStyles.each(function(i) {
    if($(this).html().indexOf('html { margin-top: 32px !important; }')> 0){
        $(this).empty();  
    }
});

.empty（）将删除内容，但是.remove（）将删除整个标记（如果您愿意）

在实践中证明：

---

以下几点应该可以做到

$('style[media="screen"]').remove()

如果你想在页面上加载它，那么

$(document).ready(function() {
  $('style[media="screen"]').remove()
})

---

是否要删除整个样式标记？是指整个媒体=屏幕？对我的页面有内容和许多其他样式，但除了我试图删除的上述代码之外，没有引用media=screen。您如何访问该页面而不是页面本身的javascript/jquery？我已对此进行了修改，现在只正确删除指定的样式。请重试我的解决方案，因为您否决了我，我已经修复了它。