Alguien sabe por qué los estilos de una clase padre no se le aplican a sus hijos? Html: CSS: La clase del padre “.product-detail–tittle...

Yefferson Olivos Rodriguez

Yefferson Olivos Rodriguez

Pregunta
studenthace 4 años

Alguien sabe por qué los estilos de una clase padre no se le aplican a sus hijos?

Html:

Screenshot from 2021-11-09 11-49-24.png

CSS:

Screenshot from 2021-11-09 11-49-07.png

La clase del padre “.product-detail–tittle” no se le está aplicando a el h2 ni al p. Me sale así:

Screenshot from 2021-11-09 11-51-20.png Entonces como no se le aplica esos estilos, el contenido del h2 y del p toma el 100% de width, debido a eso no me deja un espacio a los lados y las tarjetas también me ocuparían el 100% del width, pero sus estilos dice que si se están aplicando. Por lo que creo que el problema es con el h2 y el p.

4 respuestas
para escribir tu comentario
    Yefferson Olivos Rodriguez

    Yefferson Olivos Rodriguez

    studenthace 4 años

    Si, y ahora lo abro en chrome y no está pegado a la izquierda si no a la derecha xD. Mira 127.0.0.1_5500_index.html (1).png

    y así me sale en Firefox. Screen Shot 2021-11-10 at 09.16.38.png

    Los dos con un width de 320px.

    Santiago Lopera Naranjo

    Santiago Lopera Naranjo

    studenthace 4 años

    Muy extraño el error 🤔🤔 y mas que chrome es uno de los navegadores con mejor soporte para CSS, pero bueno me alegra que le hayas dado solución.

    Yefferson Olivos Rodriguez

    Yefferson Olivos Rodriguez

    studenthace 4 años

    Hola, no, no habían, al parecer es un error de Chrome, toda la página estaba pegada a la izquierda, aunque las DevTools me decían que se estaban aplicando las margenes o paddings que había colocado en la parte izquierda de la página, no se veía visualmente. No encontré solución, así que decidí abrir el proyecto en Firefox y ahí si se me aplicaban todos los estilos correctamente :D.

    Santiago Lopera Naranjo

    Santiago Lopera Naranjo

    studenthace 4 años

    Será que depronto se están sobre escribiendo? ahí en las DevTools mira que no hayan mas estilos apuntando a ese mismo contenedor que creaste.

Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.

Curso de Responsive Design: Maquetación Mobile First
Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.