javascript - 如何覆盖已经从外部HTML标记为!important的内联CSS

我正在使用HTML在网站上输入基于云的instagram feed。我想隐藏引用发布者网站的feed的下半部分。正在输出的内联HTML已经显示：inline-block！important已标记，因此尝试通过显示隐藏它：none！important或可见性：hidden！important不起作用。我可以用CSS隐藏整个块，但不能隐藏它的“部分”。我似乎无法编辑HTML，因为它来自云。我在网站上实际使用的唯一HTML以使其呈现，不包括任何内联CSS，因为它只有两行。

有人介意解释这种事情是如何工作的，为什么我遇到覆盖内联CSS的问题吗？

我尝试使用：

display: inline !important，display: none !important和visibility: hidden !important

这些都不是优先级，因为chrome开发者控制台中的element.style清楚地显示了已经标记为！important的内联CSS，我无权访问，也无法编辑。

我只想在HTML中隐藏一个选择器。标记为“ a”

a {
}

我尝试在实际元素中使用此选择器，但它也不获得优先级。什么都没用。

最佳答案

尝试使用jQuery删除内联样式

$("#myDiv2").css("transform","");//used rotate to see the effect

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div id="myDiv1" style="width:100px !important; height:100px !important;transform:rotate(30deg) !important">
//Some Content
</div>
<div id="myDiv2" style="width:100px !important; height:100px !important; transform:rotate(30deg) !important">
//Some Content
</div>

将样式属性的值设置为空字符串会从元素中删除该属性。

$("#myDiv2").css("transform","");

关于javascript - 如何覆盖已经从外部HTML标记为!important的内联CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/55767043/