Ao escrever CSS, muitas vezes não temos conhecimento de organizar o elemento e selecionar o seletor adequado dentro de seus pais.
.wrapper .header{}
.wrapper a{}Certamente é fácil, mas não é bom. Quando quiséssemos selecionar o elemento a nível sob seus pais, poderíamos usar> para indicar que era o elemento após o pai
.wrapper > .header{}
.wrapper > a{}Portanto, neste caso a, nem todo a dentro do wrapper terá o estilo, apenas o a after .wrapper terá o estilo. A partir desse estilo de código, estamos considerando nossas necessidades apenas de usar filho em vez de filho global, se isso não afetar o filho mais profundo.