css due colors di h1

ho questo codice CSS:

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

e questo codice HTML

 

News & events

ma non funziona voglio che voglio fare è avere il primo testo h1 per essere il colore # 341C12 e l’altro testo per # 862E06 con l’utilizzo di solo 1 tag h1 ..

Questo:

 .h1color h1{ 

Dovrebbe essere:

 h1 .h1color { 

L’ordine è parent child , se hai sempre solo 1 span, puoi anche lasciare la class e fare:

 h1 span { 

Il selettore discendente .h1color h1 seleziona tutti gli elementi h1 che sono discendenti di un elemento con la class h1color . Ma hai bisogno di tutti gli elementi con la class h1color che sono i discendenti di un elemento h1 .

Quindi basta cambiare l’ordine dei selettori:

 h1 .h1color { color: #862E06; }