title: Selecting checked element in CSS
body: <p>I have an issue about selecting element inside the dropdown. Here is the fiddle: <a href="http://jsfiddle.net/H656H/" rel="nofollow">http://jsfiddle.net/H656H/</a></p>
  
  <pre><code>&lt;select id="razred" name="razred"&gt;
              &lt;option hidden selected&gt;&lt;?php echo $razred; ?&gt;&lt;/option&gt;
              &lt;option&gt;1.A&lt;/option&gt;
              &lt;option&gt;1.B&lt;/option&gt;
              &lt;option&gt;1.C&lt;/option&gt;
              &lt;option&gt;1.Č&lt;/option&gt;
              &lt;option&gt;1.D&lt;/option&gt;
              &lt;option&gt;1.E&lt;/option&gt;
              &lt;option&gt;2.A&lt;/option&gt;
              &lt;option&gt;2.B&lt;/option&gt;
              &lt;option&gt;2.C&lt;/option&gt;
              &lt;option&gt;2.Č&lt;/option&gt;
              &lt;option&gt;2.D&lt;/option&gt;
              &lt;option&gt;2.E&lt;/option&gt;
              &lt;option&gt;3.A&lt;/option&gt;
              &lt;option&gt;3.B&lt;/option&gt;
              &lt;option&gt;3.C&lt;/option&gt;
              &lt;option&gt;3.Č&lt;/option&gt;
              &lt;option&gt;3.D&lt;/option&gt;
              &lt;option&gt;3.E&lt;/option&gt;
              &lt;option&gt;4.A&lt;/option&gt;
              &lt;option&gt;4.B&lt;/option&gt;
              &lt;option&gt;4.C&lt;/option&gt;
              &lt;option&gt;4.Č&lt;/option&gt;
              &lt;option&gt;4.D&lt;/option&gt;
              &lt;option&gt;4.E&lt;/option&gt;
          &lt;/select&gt;&lt;br /&gt;
  </code></pre>
  
  <p>So, I want to style the  element after the user clicks it. So, only when user select an  his selection receives a styling.
  I think there has to be some kind of CSS pseudo-selector for this selected  element inside dropdown.
  Are there any CSS selectors for that?</p>
  
  <p>Thank you all!</p>