title: this css not working for radio button selection
body: <p>in following jsfiddle, I am trying to change the color of selected radio button for two (or more) different radio groups, by only using CSS. I am missing something i do not know.</p>
  
  <p><a href="http://jsfiddle.net/2nxnk/1/" rel="nofollow">http://jsfiddle.net/2nxnk/1/</a></p>
  
  <p>CODE:</p>
  
  <pre><code>&lt;input type="radio" name="group0" value="1" /&gt; One
  &lt;input type="radio" name="group0" value="2" /&gt; Two
  &lt;input type="radio" name="group0" value="3" /&gt; Three
  &lt;p&gt;
  &lt;input type="radio" name="group1" value="4" /&gt; Four
  &lt;input type="radio" name="group1" value="5" /&gt; Five
  &lt;input type="radio" name="group1" value="6" /&gt; Six
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>input[type="radio"]:checked{ color: green; } 
  </code></pre>
  
  <p>i do not want to use any jquery unless there is no other way. pl advice.</p>
  
  <p>EDIT:
  I decided to edit the question: I want to change the color of 'text of radio button'. secondly i did not want to clutter the html page with ID's if the only use is to change text color. My question now is:
  1. is using the label only way?
  2. seems using IDs you get capability of coloring different radio group (text again) differently. is that correct?
  3. finally maybe a simple question: I though only javascript catches the action on the page, when there is no javascript how does CSS triggers the effect?</p>
  
  <p>thx all for help and I also upped the last example which colors the radio button image itself.</p>