css两种颜色的h1

Question

我有这个CSS代码：

h1 {
    font-size:22px;
    color:#341C12;
    font-weight:normal;
    font-style:italic;
}
.h1color h1{
    color:#862E06;
}

和此HTML代码

<h1>News <span class="h1color">&amp; events</span></h1> 

但它不起作用。我想要做的是将第一个h1文本设置为颜色＃341C12，将另一个文本设置为＃862E06，仅使用1个h1标签。

Answer 1

此：

.h1color h1{

应该是：

h1 .h1color {

订单为parent child，如果您总是只有1个跨度，您也可以省略该类，并执行：

h1 span {

Answer 2

descendant selector .h1color h1选择所有h1元素，这些元素是具有 h1color 类的元素的后代。但是你需要具有 h1color 类的所有元素，它们是h1元素的后代。

所以只需更改选择器的顺序：

h1 .h1color {
    color: #862E06;
}