DIV中的H1不起作用

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;
}

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

进行测试字体颜色红色

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 5

div 中的 H1 标签不起作用：--- 可能是因为如果你有多个框架或示例，例如引导程序和 css 都是由你实现的......所以你应该把引导程序（链接ref) 在 css 上面的引用链接，因为它会标记为先运行引导程序，然后按顺序运行 css.....这对我有用可能对你有用！！