CSS класс фона не работает

Question

У меня проблема, мой класс не отображается в родительском DIV.

CSS код

.div.red { 
color:red; 
} 

HTML

<div class="div red">Here content</div> 

Благодаря

Answer 1

Ваш CSS стиль работает, как вы разместили ее. Если вы хотите изменить цвет фона вместо цвета текста, вам нужно использовать background-color: red ;.

ex.

.div.red { 
    background-color: red; 
} 

Answer 2

Вы меняете цвет текста не фон увидеть скрипку https://jsfiddle.net/16q2xr8k/1/

.div.red { 
color:red; 
background-color: blue; 
} 

Answer 3

Я согласен с @krillgar. Это действительно, но не рекомендуется.

Что касается вопроса:

HTML:

<div class="div red"> 
    <div class="some_content"> Some Content</div> 
</div> 

CSS:

.div, .red{ 
    width: 500px; 
    height: 500px; 
    background: red; 
} 

.some_content{ 
    background:blue; 
    width: 50%; 
    height: 50%; 
    color: white; 
} 

Советы по устранению неполадок: Осмотреть ваш элемент в вашем браузере и посмотреть, если применяются классы css. Возможно, классы применяются, но отсутствуют ширина и высота.

jsFiddle: https://jsfiddle.net/psqm9tbw/