H1内DIV不工作

Question

我有一个H1标签，颜色设置为灰色，但在主页上，背景颜色是深蓝色，灰色看起来非常糟糕（无法读取）。

当我检查的元素，这是我所看到的：

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

我尝试添加以下规则WordPress的CSS编辑器：

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

但颜色保持灰色。

任何人都可以建议我做错了什么？

非常感谢

Answer 1

“：” 不与H1工作，而不是做一些像.slide-content header h1 {}

Answer 2

试试这个。

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

Answer 3

你的选择应该是

.slide-content header h1 {... 

Answer 4

更新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>