Вопрос по CSS классу

Здравствуйте!

Где именно использовать именно такой > (больше знак) после окончания первого css класса.

CSS код

.panel-info>.panel-heading {
background-color: #f0ad4e;
}

Html код такой

<div class="panel panel-info">
<div class="panel-heading"><div class="side-header">Поиск</div></div>
<div class="panel-body">

Спасибо заранее!

CSS HTML BOOTSTRAP

Baloch

4 years ago

Спасибо! я не правильно вопрос задал, вопрос именно такое почему и зачем и где именно используем (> больше знак)

если под div находиться еще один тогда? почему тогда нельзя написать в css так .panel-info .panel-heading {}?

что именно меняет > этот знак?

Baloch

4 years ago

Правильно так:

.panel-info>.panel-heading {
    background-color: #f0ad4e;
    color: white;
    border-color: transparent;
}

HTML этой формы:

           <div class="col-lg-3 col-lg-pull-9">  
            <div class="panel panel-info hidden-xs">
              <div class="panel-heading"><div class="sidebar-header">Поиск</div></div>
               <div class="panel-body">
                <form role="search">
                  <div class="form-group">
                    <div class="input-group">                      
                      <input type="search" class="form-control input-lg" placeholder="Ваш запрос">
                       <div class="input-group-btn">
                          <button class="btn btn-default btn-lg" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                       </div>
                    </div>
                  </div>
                </form> 
               </div>
            </div>

Сергей Садовой

4 years ago

2 ответов