Porque seletor de hierarquia (main footer) não funcionaria?

Jacqueline, o seletor de hierarquia main footer {} não funcionaria por causa dos rodapés dos artigos.

<main>
    <h1>Blog</h1>
    <div>
        <article>
            <h2>Titulo</h2>
            <time datetime="2014-07-01">Data</time>
            <p>Texto</p>
            <a href="#">Leia mais</a>
            <footer>Tags...</footer>
        </article>
...

O seletor também incluiria as marcações footer que mostram as tags do post do blog e, portanto, é necessário usar outro modo de selecionar somente o rodapé final da página.

O modo mais adequado de fazer isso é incluir uma classe e estilizar usando o seletor de classe.

Mergulhe em programação