title: CSS class not changing font color
body: <p>I have this code that I am working on in CSS. For some reason the class will not change the color of the paragraph and I am unsure as to why.</p>
  
  <pre><code>&lt;div id="formsHead"&gt;
      &lt;div id="loginT" class="active"&gt;
          &lt;p id="loginL"&gt;Login&lt;/p&gt;
      &lt;/div&gt;
      &lt;div id="registerT" class="active"&gt;
          &lt;p id="registerR"&gt;Register&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  #loginT{
      float:left;
      width:50%;
      height:100%;
  }
  #registerT{
      float:left;
      width:50%;
      height:100%;
  }
  .active{
      background:#ecf0f1;
  }
  .active p{
          color:#34495e;
  }
  </code></pre>
  
  <p>Here is a jsFiddle of the full code:</p>
  
  <p><a href="http://jsfiddle.net/nvmzygqg/" rel="nofollow">http://jsfiddle.net/nvmzygqg/</a></p>