重写/删除内联!重要的
Overriding/removing inline !important
我有一个使用htmlcommentbox.com评论系统的网站。它似乎使用内联!重要的是要链接到该网站,请留在那里。这是我从他们那里使用的代码:
<!-- 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;
}
此处示例
或者,由于您所做的只是隐藏元素,您可以完全删除它们。
您也可以完全避免JS,将opacity
设置为0
并添加pointer-events: none
。这将从本质上隐藏元素。
.home-desc + a,
.home-desc {
opacity: 0;
pointer-events: none;
}
演示这一点的示例。
我建议在脚本执行后从DOM中删除链接,这样就不需要删除或覆盖!重要:
document.getElementById('HCB_comment_box').addEventListener('DOMSubtreeModified', function () {
var desc = document.querySelector('#HCB_comment_box .home-desc');
var link = document.querySelector('#HCB_comment_box .home-desc').nextSibling;
var parent = desc.parentNode;
parent.removeChild(desc);
parent.removeChild(link);
});
Fiddle
- 当一个重要的构造函数参数丢失时应该发生什么
- 删除两个独立对象中的属性,而不使用多余的删除语句
- ajax显示隐藏滚动到最重要的问题
- 如何使用Jscript | JQuery在textArea中获取插入的|删除的字符串的索引和长度
- 试图把注意力集中在一个不重要的元素上是不是一种糟糕的做法;不存在
- 引导表单动态添加带有字段的删除表单
- 为什么JSON对象序列化是需要的或重要的发送ajax调用到服务器
- 我可以用添加css吗!重要的是,只使用jquery
- ng样式在与的预标记中!重要的是不能工作
- 我如何在谷歌工作表中找到一个完整的删除脚本
- 使用复杂对象上的删除为选择框手动设置默认值
- 悬停事件上的删除按钮
- 如何将显示属性设置为与内联!重要的
- 为什么我的删除位置语句不起作用
- 用于右键单击<输入>或<文本区域>上的删除的 IE 事件
- 单击文本框的右键单击上下文菜单的“删除”后触发的事件
- 如何选择性地禁用可排序的 jQuery UI 的删除
- 如何在 PopConconfirm 中单击按钮 yes 时调用在 Angular 控制器中声明的删除函数
- 使用 jQuery 操作“选择”中的“删除项”
- 重写/删除内联!重要的