¿Cuál es la diferencia entre el selector *{ } y html{ } ?

Gilberto Santamaria

Gilberto Santamaria

Pregunta
studenthace 4 años

¿Cuál es la diferencia entre el selector *{ } y html{ } ?

2 respuestas
para escribir tu comentario
    Juan Gui Arenas

    Juan Gui Arenas

    studenthace 4 años

    Hola (*) Es el selector universal esta por encima de cualquier etiqueta, selector o ID del Css, la regla que pongas en este se va a aplicar a todo el CSS que tenga tu pagina, lo general solo se usa para resetear los estilos que trae por defecto el navegador y es muy mala practica usarlo con otras reglas y el la etiqueta html en css afectara al documento y no afectara a las demas selectores o ID del CSS como si hace el selector universal

    Leonardo de los angeles Espinoza Hernandez

    Leonardo de los angeles Espinoza Hernandez

    studenthace 4 años

    Hola @Gilberto-S

    Con el selector

    *{}
    lo que escribas dentro aplicara a todas las etiquetas, aquí algunas personas definen un margin y padding de 0 para que no tengas espacios entre etiquetas.

    Mientras que con

    html{}
    solo aplicara al documento en si, en este caso si escribes

    html{ padding: 10px }

    tendrás un pequeño padding en el documento más no en las demas etiquetas

    En cambio con

    *{ padding: 10px }

    todos los elementos tendrán un padding de 10px.

    Espero te sea de ayuda mi comentario :D

    Saludos!

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.