title: CSS select hidden elements
body: <p>I am trying to figure out how to accomplish this annoying problem, as far as I know there isn't a :hidden selector in CSS, but you can use it in jQuery. The only other selector I know of in css is :empty, however my elements may not always be empty, but still be hidden.</p>
  
  <p>So here's what I'm trying to do.</p>
  
  <pre><code> &lt;div class="wrapper"&gt;
       &lt;div class="one"&gt;&lt;/div&gt;
       &lt;div class="two"&gt;&lt;/div&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>I want to be able to select "one" or "two" and if it's currently hidden, I want to do something to the other element which is not.</p>
  
  <p>like:</p>
  
  <pre><code>.wrapper .one:hidden .wrapper .two
  </code></pre>
  
  <p>I know I could do this with jQuery, however I would like to figure out a way that would automatically adjust based on whether or not the hidden element changes to visible, vice versa.</p>