title: Hide all except the first 4 elements
body: <p>There are endless elements. And I want to do is hide all except the first 4 elements. (with :not selector)  </p>
  
  <p>And I want to make a click all visible.. is this possible with css? </p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;&lt;/li&gt;
    &lt;li&gt;&lt;/li&gt;
    &lt;li&gt;&lt;/li&gt;
    &lt;li&gt;&lt;/li&gt;
    &lt;li&gt;&lt;/li&gt;/*must hide*/
    &lt;li&gt;&lt;/li&gt;/*must hide*/
    &lt;li&gt;&lt;/li&gt;/*must hide*/
    &lt;li&gt;&lt;/li&gt;/*must hide*/
        ........ /*must hide foreva*/
  &lt;/ul&gt;
  </code></pre>