CSS класс DIV не признал

Question

Привет У меня эта проблема с помощью CSS: Я использую форму группы, как это:

<form class="form-horizontal"> 
    <div class="form-group"> <!-- or "form-group-test"--> 
     <label class="col-xs-4 plate-control-label">... 

plate-control-label определяется себя в файле CSS, как это:

.form-horizontal .plate-control-label {...} 

и он нормально работает; но когда я попытался сделать схожие вещи с div:

.form-horizontal .form-group-test {...} 

тогда он не распознается. Я должен определить это следующим образом:

.form-horizontal .form-group {...} 

Таким образом, он работает, но, как форма-группа представляет собой предварительно определенный элемент, я не хочу, чтобы изменить его. Почему это?

EDIT:.. К сожалению только сейчас пропустил»Я не скопировать код непосредственно

EDIT2: Хорошо, я попробовал в скрипку, и она работает, но в моем собственном коде это еще не все в порядке . элементы, содержащиеся внутри этих дивы:.

<div class="panel-body panel-container" style="overflow: auto"> 
    <div class="col-xs-12"> 
     <div style="float: left; width: 35%"> 

Может ли это вызвать проблемы Спасибо всем за предыдущие напоминания и советы

Answer 1

вы не closin г класс здесь:

<label class="col-xs-4 plate-control-label> 

должно быть, как это

<label class="col-xs-4 plate-control-label"> 

UPDATE на основе обновленного вопроса

Забыв опечатку, упомянутую выше.

Что касается этого:

и он работает нормально; но когда я попытался сделать подобные вещи DIV:

.form-horizontal .form-group-test {...}

не будет работать, потому что вы не имеете класс в вашем HTML имени .form-group-test,

так, чтобы сделать что линия для работы вам необходимо изменить HTML для этого:

<form class="form-horizontal"> 
    <div class="form-group-test"> 
     <label class="col-xs-4 plate-control-label"> 

, если вы хотите использовать form-group должен быть предопределенный элемент, можно использовать так:

CSS:

.form-horizontal .form-group - целевой .form-group

.form-horizontal .form-group-test .plate-control-label - целевой plate-control-label

HTML:

<form class="form-horizontal"> 
     <div class="form-group"> 
      <label class="col-xs-4 plate-control-label">