.produtos li:hover h2 VS .produtos h2:hover

Não seria mais fácil a segunda sintaxe (.produtos h2:hover) ou invés da primeira (.produtos li:hover h2)? Apenas uma curiosidade.

<main>
    <ul class="produtos">
        <li>
            <h2>Cabelo</h2>
            <img src="cabelo.jpg">
            <p class="produto-descricao">Na tesoura ou máquina, como o cliente preferir</p>
            <p class="produto-preco">R$ 25,00</p>
        </li>
    </ul>
</main>

.produtos { width: 940px; margin: 0 auto; padding: 50px 0; }

.produtos li:hover{ border-color: #C78C19; }

.produtos li:active{ border-color: #088C19;}

.produtos li:hover h2{ font-size: 34px; }

.produtos li { display: inline-block; text-align: center; width: 30%; vertical-align: top; margin: 0 1.5%; padding: 30px 20px; box-sizing: border-box; border: 2px solid #000000; border-radius: 10px; }

.produtos h2 { font-size: 30px; font-weight: bold; }

.produto-descricao { font-size: 18px; }

.produto-preco { font-size: 22px; font-weight: bold; margin-top: 10px; }