CSS div class not recognized
<p>Hi I'm having this problem with CSS: I'm using the form group like this:</p>

<pre><code>&lt;form class="form-horizontal"&gt;
    &lt;div class="form-group"&gt; &lt;!-- or "form-group-test"--&gt;
        &lt;label class="col-xs-4 plate-control-label"&gt;...
</code></pre>

<p>the <code>plate-control-label</code> is defined by myself in the CSS file like this:</p>

<pre><code>.form-horizontal .plate-control-label {...}
</code></pre>

<p>and it works normally; but when I tried to do similar things to div:</p>

<pre><code>.form-horizontal .form-group-test {...}
</code></pre>

<p>then it is not recognized. I have to define it like this:</p>

<pre><code>.form-horizontal .form-group {...}
</code></pre>

<p>In this way it works, but as form-group is a pre-defined element, I don't want to change it. Why is this?</p>

<p><strong>EDIT:</strong> Sorry just now missed the ". I'm not copying the code directly.</p>

<p><strong>EDIT2</strong>: Okay I tried in fiddle and it works, but in my own code it's still not okay. The elements are contained inside these divs:</p>

<pre><code>&lt;div class="panel-body panel-container" style="overflow: auto"&gt;
    &lt;div class="col-xs-12"&gt;
        &lt;div style="float: left; width: 35%"&gt;
</code></pre>

<p>Could this cause the problem? Thank you all for the previous reminders and advice.</p>