Como bloquear div no site permanentemente usando o Chrome?

Há um site que eu gosto, mas com uma seção de comentários que me incomoda super. Quero bloquear a div que mantém os comentários permanentemente, nas páginas, no Google Chrome.

Para uma exclusão temporária, posso remover o nó usando as Ferramentas para Desenvolvedor da Web do Chrome. Mas como removê-lo para sempre?

Como eu posso fazer isso? Aposto que o Adblock não me ajuda, nem faz boas intenções. Mesmo se eu tentar, acabo analisando os comentários que não são bons para minha saúde mental. Dica: é um site de esportes com comentários de qualidade muito baixa.

Então, aqui está o exemplo virtual:

• SITE: www.sportsrumours.com
• DIV para bloquear: <div class="comments">All annoying comments go here</div>
• O DIV é o mesmo em todas as páginas de www.sportsrumours.com

Para esse tipo de coisa, eu normalmente recomendo o Stylish Addon for chrome.

Navegue até o site depois de instalar o complemento e vá para:

Elegante (Ícone)> Gerenciar estilos instalados> Escrever novo estilo. Dê um nome e selecione "aplica-se a". Dê ao domínio do site do qual você deseja remover os comentários e selecione "URLs no domínio".

use um código semelhante ao seguinte para ocultar a div:

.comments {display: none !important;}

Salve e observe que a div agora está oculta

EDIT : Stylish agora é Stylus - você pode baixá-lo aqui: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

Você pode usar a extensão Adblock Plus chrome ou firefox. Quando ativado, clique no ícone de extensão e clique em "Bloquear elemento". Em seguida, você pode clicar em um elemento na página que deseja bloquear.

O Adblock Plus bloqueará esse elemento sempre que for encontrado.

Você pode usar a extensão do Chrome Stylebot . Após a instalação, acesse o site, abra o Stylebot e use a ferramenta de seta para selecionar o DIV. Então procure Layout and visibilitye clique em hide. O DIVdesaparecerá e a alteração será persistida. Claro, você pode desfazer isso sempre que quiser.