2016-10-25 2 views
-6

У меня есть тег H1 с оттенком серого, но на главной странице цвет фона темно-синий, а серый выглядит очень плохо (нечитабельно).H1 в DIV не работает

Когда я проверить элемент, это то, что я вижу:

<div class="slide-content"> 
<header> 
<h1> 
Some Text 
</h1> 

Я попытался добавить следующее правило к WordPress CSS редактор:

.slide-content header:h1 { 
    color: #FFF !important; 
} 

но цвет серый.

Может ли кто-нибудь сообщить, что я сделал неправильно?

Большое спасибо

+2

вы можете обратиться пункт так: '.slide-содержимое заголовка h1 {}'. ':' зарезервирован для псевдо классов, например ': hover' –

+2

Голосование за закрытием, поскольку этот вопрос был вызван проблемой, которая больше не может быть воспроизведена или простой типографской ошибкой. Хотя подобные вопросы могут быть по-теме здесь, этот вопрос был разрешен таким образом, который вряд ли поможет будущим читателям. –

ответ

5

":" не работает с h1, вместо того, чтобы сделать что-то вроде .slide-content header h1 {}

0

Попробуйте это.

.slide-content header h1 { 
     color: #fff !important; 
    } 
0

Ваш селектор должен быть

.slide-content header h1 {... 
0

Обновление CSS

.slide-content header h1 { 
    color: #FFF !important; 
} 

.slide-content header h1 { 
 
    color: #FFF !important; 
 
}
<div class="slide-content"> 
 
<header> 
 
<h1> 
 
Some Text 
 
</h1>

Для тестирования Цвет шрифта красный

.slide-content header h1 { 
 
    color: red !important; 
 
}
<div class="slide-content"> 
 
<header> 
 
<h1> 
 
Some Text 
 
</h1>

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