title: Hiding li element using sub-element's information
body: <p>I load a web page from the internet (say www.google.com or whatever). This page is written in HTML. Suppose in this code there is this fragment.</p>
  
  <pre><code>&lt;ul class="CLASS"&gt;
       &lt;li&gt;
            &lt;div class="DIV1"&gt;&lt;/div&gt;
            &lt;a href="SOMETHING1"&gt;&lt;/a&gt;
       &lt;/li&gt;                             //Hide this li
       &lt;li&gt;
            &lt;div class="DIV2"&gt;&lt;/div&gt;
            &lt;a href="SOMETHING2"&gt;&lt;/a&gt;
       &lt;/li&gt;
       &lt;li&gt;
            &lt;div class="DIV3"&gt;&lt;/div&gt;
            &lt;a href="SOMETHING3"&gt;&lt;/a&gt;
       &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want to know if there is a way to hide the section (the li section) that I mention in the previous code ("Hide this li") <strong>as soon as</strong> I load the page. In my screen, I don't want to execute the section li that I mention.</p>
  
  <p>I did some research and I think that the Firefox extension Greasemonkey does it. What will be the script to add to do this ? Or, there is a different way (without Greasemonkey).</p>