Como o caractere "maior que" ou ">" é usado no CSS?

Eu já vi esse personagem várias vezes em arquivos CSS, mas não tenho idéia de como é usado. Alguém pode me explicar e mostrar como eles são úteis para facilitar o estilo de uma página?

É um seletor filho de CSS. P > SPANsignifica aplicar o estilo a seguir a todas as tags SPAN que são filhos de uma Ptag.

Observe que "filho" significa "descendente imediato", não apenas qualquer descendente. P SPANé um seletor descendente , aplicando o estilo a seguir a todas as SPANmarcas que são filhos de uma Pmarca ou filhos recursivamente de qualquer outra marca que seja filha / descendente de uma Pmarca. P > SPANaplica-se apenas a SPANtags que são filhos de uma Ptag.

p em

corresponderá a qualquer um <em>que esteja dentro de a <p>. Por exemplo, corresponderia aos seguintes <em>s:

<p><strong><em>foo</em></strong></p>
<p>Text <em>foo</em> bar</p>

Por outro lado,

p > em

Corresponderá apenas aos <em>filhos imediatos de <p>. Então vai combinar:

<p>Text <em>foo</em> bar</p>

Mas não:

<p><strong><em>foo</em></strong></p>

isso é conhecido como um combinador de crianças:

Um seletor combinador filho foi adicionado para poder estilizar o conteúdo dos elementos contidos em outros elementos especificados. Por exemplo, suponha que se queira definir branco como a cor dos hiperlinks dentro das tags div para uma determinada classe porque eles têm um fundo escuro. Isso pode ser feito usando um período para combinar div com os recursos da classe e um sinal de maior que como um combinador para combinar o par com a, como mostrado abaixo:

div.resources > a{color: white;}

(em http://www.xml.com/pub/a/2003/06/18/css3-selectors.html )

E > F

Corresponde a qualquer elemento F que é filho de um elemento E.

mais em http://www.w3.org/TR/CSS21/selector.html#child-selectors