title: On checkbox status checked can't update style span above the input CSS3
body: <p>Is it possible to update first child after <strong>input</strong>[type=checkbox]:<strong>checked</strong> status in CSS3, without involving jQuery?</p>
  
  <p>My question is about this technique in my <a href="http://jsfiddle.net/tyxzwp6d/" rel="nofollow">DEMO</a>:</p>
  
  <pre><code>input[type=checkbox]:checked ~ .useraccounts,
  input[type=checkbox]:checked ~ .hashtags {
      background-color: #fd2626; // red color
  }
  </code></pre>