.banner{
width: 100%;
}
main > p{
background: red;
}
img + p{
background: yellow;
}
img ~ p{
background: green;
}
.principal p:not(#mision){
background: orange;
}
Hola Alumno, espero que estés bien.
Gracias por compartir tu código con nosotros.
Los selectores que utilizaste en tu código CSS están afectando a elementos que no deseas modificar. El selector "main > p" selecciona todos los párrafos (p) que son hijos directos de "main". El selector "img + p" selecciona el primer párrafo que está inmediatamente después de una imagen. El selector "img ~ p" selecciona todos los párrafos que están después de una imagen en el mismo nivel de anidamiento. El selector ".principal p:not(#mision)" selecciona todos los párrafos (p) que tienen la clase "principal" y no tienen el ID "misión".
Si tienes alguna duda, no dejes de preguntar. ¡Estamos aquí para ayudarte!.
¡Saludos!