Quale è la sintassi corretta da usare o il metodo migliore?

Faccio un esempio semplice semplice


h1 {font-family:sans-serif; color:red }

<h1>Mario</h1>


Poi voglio aggiungere un altro H1 pero' con un colore differente.
E' cosi che si fa?
h1 {font-family:sans-serif; color:red }
h1.colore_nero {font-family:sans-serif; color:black }

<h1>Mario</h1>
<h1 class="colore_nero>Francesco</h1>


oppure

h1 {font-family:sans-serif; color:red }
#colore_nero {font-family:sans-serif; color:black }

<h1>Mario</h1>
<h1 id="colore_nero>Francesco</h1>



e naturalmente una volta che ho la risposta, questo sopra vale per tutti? tipo i DIV etc..


Grazieeee