javascript - 覆盖/删除内联!重要

我有一个使用htmlcommentbox.com的评论系统的网站。似乎使用内联!important链接到该站点并停留在那里。这是我从他们那里使用的代码:
<!-- begin htmlcommentbox.com --> <div id="HCB_comment_box">Loading comments...</div> <link rel="stylesheet" type="text/css" href="htmlcommentbox.css" /> <script type="text/javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={};} (function(){var s=document.createElement("script"), l=(hcb_user.PAGE || ""+window.location), h="//www.htmlcommentbox.com";s.setAttribute("type","text/javascript");s.setAttribute("src", h+"/jread?page="+encodeURIComponent(l).replace("+","%2B")+"&mod=%241%24wq1rdBcg%247.bGleVasiPPOiHF49trb0"+"&opts=342&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script><!-- end htmlcommentbox.com -->
我的CSS是:

body {
    background-color: #000;
}
p {
    color: #FFF;
}
a {
    color: #FFF;
}
span,
div a {
    display: none !important;
}

如有必要，我将提供更多内容。我可以删除指向他们网站的链接吗？

最佳答案

您可以简单地选择元素并删除style属性:

document.querySelector('.home-desc + a').removeAttribute('style');

..然后您可以使用以下CSS将其隐藏:

.home-desc + a,
.home-desc {
    display: none;
}

Example Here

另外，由于您所做的只是隐藏元素，因此可以完全删除它们。

您也可以完全避免使用JS，并将opacity设置为0并添加pointer-events: none。这实际上将隐藏元素。

.home-desc + a,
.home-desc {
    opacity: 0;
    pointer-events: none;
}

Example demonstrating this。

关于javascript - 覆盖/删除内联!重要，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25901890/