CSS 2種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; 
}