É possível usar o seletor CSS3:first-of-type para selecionar o primeiro elemento com um determinado nome de classe? Não tive sucesso com o meu teste, então acho que não é?

O código http: //jsfiddle.net/YWY4L):

p:first-of-type {color:blue}
p.myclass1:first-of-type {color:red}
.myclass2:first-of-type {color:green}

<div>
  <div>This text should appear as normal</div>
  <p>This text should be blue.</p>
  <p class="myclass1">This text should appear red.</p>
  <p class="myclass2">This text should appear green.</p>
</div>