Переопределение/удаление встроенного! Важно

Question

У меня есть сайт, использующий систему комментариев htmlcommentbox.com. Кажется, что используют inline! Importants, чтобы сделать ссылку на сайт. Это код, я использую из них:

<!-- 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; 
} 

I будет включать в себя больше, если это необходимо. Можно ли удалить ссылку на свой сайт?

Answer 1

Вы можете просто выбрать элемент и удалить 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.

Answer 2

Я хотел бы предложить, чтобы удалить ссылку из 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