Entrar Ainda não tem acesso?
1
resposta

duvida sobre o exercicio

Referente ao curso HTML5 e CSS3 II: Turbinando as suas páginas, no capítulo Seletores avançados do CSS e atividade Seletor melhor

por eduardoaraujo01
| 37.9k xp | 51 posts

Não consegui resolver o exercício envio o código HTML, para ser apontados os erros.

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet"  href="css/seletormelhor.css">
</head>
<body>
    <title>seletor melhor</title>
    <h1>Título do artigo</h1>
    <section class="autor">

    <p class="autor">por Luiz</p>

        <h1>Uma subseção</h1>
        <p>Mais texto</p>
    </section>
    <section>
        <h1>Uma seção</h1>
        <p>Texto da seção</p>
    </section>
</body>
</html>
.autor{article>h1 + P }
1 resposta
por Matheus Henrique Castiglioni
| 5307.1k xp | 9007 posts
Instrutor Senior Software Engineer

Fala ai Eduardo, beleza? Dei uma formatada nos seus códigos, quando for adicionar trechos de códigos, envolvá-os entre três crases (`).

Bom, o problema está no seu seletor, tudo deve ficar na mesma linha fora das chaves e separados por espaços:

.autor article > h1 + p {
    /* seu código css vem aqui... */
}

Dessa maneira o navegador irá ler da esquerda para a direita:

  1. Busque algum elemento que tenha a classe .autor.
  2. Pegue filhos que são da tag article.
  3. Pegue apenas h1 filhos diretos de article.
  4. Pegue o o primeiro p irmão do h1.

Espero ter ajudado.