“Para determinar se uma regra CSS se aplica a um elemento específico, os
navegadores começam da direita da regra e seguem para a esquerda.
Se você tiver uma regra como body div # content p {color: # 003366; }
então, para cada elemento – conforme ele é renderizado na página – ele
primeiro perguntará se é um elemento de parágrafo. Se for, ele
trabalhará no DOM e perguntará se é adiv com um ID de conteúdo.
Se encontrar o que está procurando, ele continuará seu
caminho pelo DOM até chegar ao corpo. “
Isso significa que, pois .klass span, ele pesquisará .klass nos pais de cada elemento span na página. Se usarmos em .klass .spanvez disso, o .klassé pesquisado apenas por um elemento.
Referências: SMACSS
Veja também: Não git commit -m “merge”