Fiz conforme as instruções do video para aplicar alterações na borda com o comando "active", mas mesmo depois de salvar o css e recarregar a página, não aplicou o efeito. Tentei fechar e abrir novamente o arquivo, mas ainda assim não resolveu.
<ul class="produtos">
<li>
<h2>Cabelo</h2>
<img src="cabelo.jpg">
<p class="produto-descricao">Na tesoura ou na máquina, como o cliente preferir</p>
<p class="produto-preco">R$ 25,00</p>
</li>
.produtos li:active{
border-color: #088C19;
}