<!DOCTYPE html>
<html>
<head>
<style>
.classe:nth-child(1) {
color: red;
}
</style>
</head>
<body>
<div>texto preto</div>
<div class="classe">este texto era pra ser vermelho :(</div>
<div class="classe">texto preto</div>
</body>
</html>
.classe:nth-child(1) {
color: red;
}
<!DOCTYPE html>
<html>
<body>
<div>texto preto</div>
<div class="classe">este texto era pra ser vermelho :(</div>
<div class="classe">texto preto</div>
</body>
</html>
Outra questão: se consideram os filhos do pai! Independente de qual for o tipo do filhoconsideram os filhos do pai, independente do tipo do filho! Veja:
<body>
<div>texto preto</div>
<p class="classe">este texto era pra ser vermelho :(</p>
<span class="classe">texto preto</span>
<strong>texto preto</strong>
<i>texto preto</i>
</body>
<body>
<div>texto preto</div>
<p class="classe">este texto era pra ser vermelho :(</p>
<span class="classe">texto preto</span>
<strong>texto preto</strong>
<i>texto preto</i>
</body>