title: How to use nth-child in CSS to select all elements after the 3rd one?
body: <p>I've seen jQuery has a <code>:gt(n)</code> solution, but can the same behavior be achieved in CSS? </p>
  
  <p>What I want is for the mobile website to not have more than 3 elements in some lists. So I would need something along the lines of:</p>
  
  <pre><code>@media(max-width:768px) {
     .list li:gt(3) {
        display:none;
     }
  }
  </code></pre>
  
  <p>And I want to try avoiding using Javascript for it. Since the <code>:gt(n)</code> selector doesn't seem to exist in CSS, can the same selection be achieved with the <code>:nth-child(n)</code> selector? </p>