title: CSS pseudo-class :checked apply to parents
body: <p>It is possible to apply pseudo-class to an child element.</p>
  
  <pre><code>input[type=checkbox] + label {
    color: #ccc;
    font-style: italic;
  } 
  input[type=checkbox]:checked + label {
    color: #f00;
    font-style: normal;
  }
  
  &lt;input type="checkbox" id="ossm" name="ossm"&gt; 
  &lt;label for="ossm"&gt;CSS is Awesome&lt;/label&gt;
  </code></pre>
  
  <p>What about to apply that pseudo-class to a partent or parents?
  For example to the DIV Element? How can I write my CSS Code?
  My inputs are already "checked" at the page load so I need just to add style.</p>
  
  <pre><code>&lt;div&gt;
      &lt;label for="ossm"&gt;
          &lt;input type="checkbox" id="ossm" name="ossm" checked&gt;
      &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>