title: CSS not applying to my div
body: <p>I have a div that I really need to apply my css attributes to. The page is structured like this:</p>
  
  <pre><code>&lt;div class="form-horizontal"&gt;
      &lt;div class="form-group"&gt;
           &lt;div class="newFormRightContent"&gt;
  </code></pre>
  
  <p>I have a .form-group in my stylesheet and that comes out fine on the page, but my .newFormRightContent styles never get assigned. I am using chrome inspect element and can see that at newFormRightContent level, the styles are inherited from form-group and from the user-agent ss.</p>
  
  <p>I have tried various combo's of selectors in my css:</p>
  
  <pre><code>div.form-group.newFormRightContent {
  
  .form-group.newFormRightContent {
  
  .newFormRightContent {
  </code></pre>
  
  <p>None seem to work - can someone please educate me on my failings here please!!</p>
  
  <p>Many thanks</p>