CSS не применяется, но дети

Что может быть неправильным в моем CSS для ниже HTML?CSS не применяется, но дети

div 
    div(class="header") 
     div(class="team") 
      div(class="container") 
       div(class="odd") 
        div(class="name") 
         span name

CSS:

.team .container{ 
    padding: 10px; 
    margin: 10px; 
} 
.team .container .odd{ 
    background-color: red; 
} 
.team .container .name{ 
    width: 30%; 
}

Однако только CSS не применяется в .team .container .odd. Кто-нибудь может предположить, что может быть неправильным?

источник

2016-12-12 Rendy

Можете ли вы опубликовать свой реальный html – K48

Кроме того, отметьте в Chrome Dev Tools, если этот стиль применяется, и если он переопределен в этом классе. – K48

Разве ваш html не является тегом? Как

И проверьте, привязана ли вы внешняя таблица стилей, если вы используете внешнюю таблицу стилей. –

Это то, что вы хотите?

.team .container { 
 
    padding: 10px; 
 
    margin: 10px; 
 
} 
 
.team .container .odd { 
 
    background-color: red; 
 
} 
 
.team .container .name { 
 
    width: 30%; 
 
}

<div> 
 
    <div class="header">header 
 
    <div class="team">team 
 
     <div class="container">container 
 
     <div class="odd">odd 
 
      <div class="name">name 
 
      <span>span</span> 
 
      </div> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

Если это работает, просто проверить свой собственный CSS. Тогда это проблема вашего существующего css.

источник

2016-12-12 13:38:02

Интересно, какой у вас код и мой? Я думаю, вы превратили мой Jade-код в HTML? – Rendy

@Rendy Вот что я хотел вам показать. –

CSS не применяется, но дети

ответ

Смежные вопросы