title: Is there such a thing as an "all inclusive sibling" CSS selector?
body: <p>My HTML:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;p&gt;Doggies&lt;/p&gt;
  &lt;p class="green_guys"&gt;Froggies&lt;/p&gt;
  &lt;p&gt;Cupcakes&lt;/p&gt;
  &lt;p&gt;Piggies&lt;/p&gt;
  </code></pre>
  
  <p>An all inclusive sibling selector (as I wish it to be), when used to select green_guys' siblings, would select the doggies cupcakes and piggies.</p>
  
  <p>Other Selectors:</p>
  
  <p>The <code>+</code> selector (a.k.a. <em>adjacent sibling selector</em>) would only select the cupcakes:</p>
  
  <pre><code>.green_guys + p {
      /* selects the &lt;p&gt; element that immediately follows .green_guys */
  }
  </code></pre>
  
  <p>The <code>~</code> selector (a.k.a. <em>general sibling selector</em>) would only select the cupcakes, and piggies:</p>
  
  <pre><code>.green_guys ~ p {
      /* selects all &lt;p&gt; elements that follow .green_guys */
  }
  </code></pre>