Почему следующий CSS не работает?

Question

Должен признаться, я ожидаю, что это сработает. На мой взгляд, я вижу, мой класс CSS, как выбор, «все дочерние h2 элементы элемента, содержащего class="jumbotron-features"

jsFiddle: http://jsfiddle.net/sKAhn/

CSS

.jumbotron-features h2 
{ 
    color: #797979; 
    font-style: oblique; 
} 

HTML

<div class="jumbotron jumbtron-features"> 
     <div class="container"> 
      <div class="content"> 
       <div class="row"> 
        <div class="col-lg-4 text-left"> 
         <div class="feature-box feature-box-vertical-middle"> 
          <h2>Seriously powerful, incredibly intuitive, and designed by real estate experts!</h2> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 

Answer 1

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

<div class="jumbotron jumbotron-features"> 
      <div class="container"> 
       <div class="content"> 
        <div class="row"> 
         <div class="col-lg-4 text-left"> 
          <div class="feature-box feature-box-vertical-middle"> 
           <h2>Seriously powerful, incredibly intuitive, and designed by real estate experts!</h2> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 

Причина этого в том, что вы неправильно имя класса в HTML

Answer 2

Ваш div cl жопа называется jumbtron-features, а не jumbotron-features.

Answer 3

Класс в HTML: jumbtron-features

класс в CSS: jumbotron-features

'о' разница.

Answer 4

Ты будешь таким сумасшедшим. Ваш класс div - jumbtron-features, а ваш класс CSS - jumbOtron-features. Примечание: 'O'.

Answer 5

У вас есть ошибка в коде.

CSS имеет jumbotron-features и HTML имеет jumbtron-features

Это работает: http://jsfiddle.net/sKAhn/2/

Answer 6

Ваше имя класса должно быть так:

<div class="jumbtron-features"> 
    <div class="container"> 
     <div class="content"> 
      <div class="row"> 
       <div class="col-lg-4 text-left"> 
        <div class="feature-box feature-box-vertical-middle"> 
         <h2>Seriously powerful, incredibly intuitive, and designed by real estate experts!</h2> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 7

опечатка ошибка, орфографическая ошибка в имя класса

Заменить этот

.jumbotron-features h2

с

.jumbtron-features h2 

стиль работы:

<style> 
.jumbtron-features h2{ 
    color: #797979; 
    font-style: oblique; 
} 
</style> 

HTML:

<div class="jumbotron jumbtron-features"> 
     <div class="container"> 
      <div class="content"> 
       <div class="row"> 
        <div class="col-lg-4 text-left"> 
         <div class="feature-box feature-box-vertical-middle"> 
          <h2>Seriously powerful, incredibly intuitive, and designed by real estate experts!</h2> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 

Выход: