Olá, Tenho vários divs e alguns deles tem uma classe 'teste', gostaria que o seletor first-child destacasse apenas o primeiro DIV que tem a classe 'teste', porém, só funciona se a classe 'teste' esta no primeiro div. Pelo que entendi, o seletor pega o primeiro objeto do tipo e não a classe realmente. Alguém tem alguma idéia? Nesse exemplo abaixo, eu queria que o div com o "Teste 2" ficasse destacado pelo seletor (ele é o primeiro DIV que tem a classe teste).
.teste:first-child{
background-color:#F00;
border:solid 4px #33CCCC;
}
<div>
Teste 1
</div>
<div class="teste">
Teste 2
</div>
<div class="teste">
Teste 3
</div>
<div class="teste">
Teste 4
</div>