Изменение цвета текста элемента не работает

Question

Я пытаюсь изменить цвет текста div с классом .highlight в коде ниже, но он не работает.

Что я делаю неправильно?

.highlight { 
 
    font-color: #FF3300; 
 
    font-style: oblique; 
 
    line-height: 20%; 
 
}

<div class="highlight"> 
 
    <h4>ASSOCIATED PRESS</h4> 
 
</div> 
 
<br> 
 
<h3 style="line-height:100%">4.6/5</h3> 
 
<div class="highlight"> 
 
    <h4>GOODREADS</h4> 
 
</div>

Answer 1

изменения в CSS

.highlight h4 { 
color: #FF3300; 
font-style: oblique; 
line-height: 20%; 
} 

Answer 2

Изменить ваш CSS

.highlight { 
color: #FF3300; 
font-style: oblique; 
line-height: 20%; 
} 

https://jsfiddle.net/5mr2wLgy/

Answer 3

Вы не можете изменить цвет текста, потому что font-color не является допустимым свойством CSS. Чтобы установить цвет переднего плана текстового содержимого элемента, используйте свойство CSS color.

.highlight { 
 
    color: #FF3300; 
 
    font-style: oblique; 
 
    line-height: 20%; 
 
}

<div class="highlight"> 
 
    <h4>ASSOCIATED PRESS</h4> 
 
</div> 
 
<br> 
 
<h3 style="line-height:100%">4.6/5</h3> 
 
<div class="highlight"> 
 
    <h4>GOODREADS</h4> 
 
</div>

Answer 4

Либо добавить

h4 { 
    color: #FF3300; 
    font-style: oblique; 
    line-height: 20%; 
} 

или

.highlight h4 { 
    color: #FF3300; 
    font-style: oblique; 
    line-height: 20%; 
}