title: CSS Following Siblings Selector
body: <p><code>~</code> is for the following sibling selector.</p>
  
  <p>How could il select the class <code>.content</code> in reference to the class <code>.select</code> ?</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt; &lt;a&gt;content&lt;/a&gt; &lt;/li&gt;
    &lt;li&gt; &lt;a class="select"&gt;selected li&lt;/a&gt; &lt;/li&gt;
    &lt;li&gt; &lt;a&gt;content&lt;/a&gt; &lt;/li&gt;
  &lt;/ul&gt;
  &lt;div class="content"&gt;
    selected content
  &lt;div&gt;
  </code></pre>
  
  <p>CSS (not working)</p>
  
  <pre><code>ul &gt; li &gt; a.select ~ .content {
    /* something */
  }
  </code></pre>