Ocultar el elemento li usando la información del subelemento [cerrado] - javascript, html, css, greasemonkey

Carga una página web de Internet (por ejemplo, www.google.com o lo que sea). Esta página está escrita en HTML. Supongamos que en este código hay este fragmento.

<ul class="CLASS">
<li>
<div class="DIV1"></div>
<a href="SOMETHING1"></a>
</li>                             //Hide this li
<li>
<div class="DIV2"></div>
<a href="SOMETHING2"></a>
</li>
<li>
<div class="DIV3"></div>
<a href="SOMETHING3"></a>
</li>
</ul>

Quiero saber si hay una manera de ocultar la sección (la sección li) que menciono en el código anterior ("Ocultar esta li") Tan pronto como Cargo la página. En mi pantalla, no quiero ejecutar la sección li que menciono.

Investigué un poco y creo que la extensión de Firefox Greasemonkey lo hace. ¿Cuál será el script para agregar para hacer esto? O bien, hay una forma diferente (sin Greasemonkey).

Respuestas

No es posible usando solo html y css. Lo haría usando javascript y una biblioteca (uso jQuery):

$(document).ready(function() {
$("li a[href=SOMETHING1]").parent().hide();
});