deux couleurs de css h1

Question

i ont ce code CSS:

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

et ce code HTML

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

mais sa ne fonctionne pas. veulent que je veux faire est que le premier texte h1 être la couleur # 341C12 et l'autre texte # 862E06 avec l'aide d'étiquette seulement 1 h1 ..

Answer 1

Ce:

.h1color h1{ 

devrait être:

h1 .h1color { 

l'ordre est parent child, si vous avez juste toujours une portée, vous pouvez également laisser la classe, et à faire:

h1 span { 

Answer 2

Le descendant selector.h1color h1 sélectionne tous les éléments h1 qui sont les descendants d'un élément de la classe h1color. Mais vous avez besoin de tous les éléments de la classe h1color qui sont les descendants d'un élément h1.

Il suffit donc de changer l'ordre des sélecteurs:

h1 .h1color { 
    color: #862E06; 
}