title: A CSS selector to get last visible div
body: <p>A tricky CSS selector question, don't know if it's even possible.  </p>
  
  <p>Lets say this is the HTML layout:  </p>
  
  <pre><code>&lt;div&gt;&lt;/div&gt;
  &lt;div&gt;&lt;/div&gt;  
  &lt;div&gt;&lt;/div&gt;  
  &lt;div style="display:none"&gt;&lt;/div&gt;
  &lt;div style="display:none"&gt;&lt;/div&gt;  
  </code></pre>
  
  <p>I want to select the last <code>div</code>, which is displayed (ie. not <code>display:none</code>) which would be the third <code>div</code> in the given example.
  Mind you, the number of <code>div</code>s on the real page can differ (even the <code>display:none</code> ones).</p>