Seletor avançado main p não funciona

Oi Marcos, tudo bem ?

Então deixa eu ver se eu entendi, no seu caso os p que estão dentro do section, ainda estão com o fundo vermelho ?

Caso eles não estejam, faça o seguinte teste com o seu HTML:

<main>
            <p>Estou fora da section </p>
            <p>Estou fora da section </p>
            <section class="principal">
                <h2 class="titulo-principal">Sobre a Barbearia Alura</h2>

                <img class="utensilios" src="utensilios.jpg" alt="Utensilios de um barbeiro.">

                <p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>

                <p id="missao"><em>Nossa missão é: <strong>"Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em></p>

                <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>
            </section>

Você pode reparar que o código os p que são filhos diretos do main acabam recebendo o background red.

Espero ter ajudado.

:D

Se mesmo assim o código css não estiver alterando, tenta verificar qual script você acabou colocando o código.

Eu enquanto testava aqui pra te responder tinha colocado o código css em style-home.css, mas ele acabou funcionando no style.css, porque ele é o script que está sendo chamado.

Oi Raphael.

Acho que peguei agora a linha certa...rsrs

Muito obrigado. :)

Abraços!

Eu que agradeço a oportunidade de ajudar XD .

Boa sorte nos estudos.

Abraços !

Valeu, pra você também. :)