Este team redactor ha pasado mucho tiempo investigando para darle solución a tus preguntas, te brindamos la solución así que esperamos resultarte de mucha ayuda.
Solución:
Lo que está viendo allí es un “estilo de agente de usuario” (muestra “hoja de estilo del agente de usuario” como fuente).
Los estilos UA son reglas repetitivas que introduce su navegador para tener cierta conformidad en todas las páginas web. Simplemente puede anularlo.
Las declaraciones de estilo pueden provenir de varios lugares y tener diferente precedencia según la fuente (de menor a mayor)*:
Name │ Source ───────────┼──────────────────── user agent │ Browser author │ You (the content creator) User │ end user (the person using your website)
Precedence │ Source
───────────┼────────────────────────────────────────────────────────────────────
Lowest 0 │ user agent styles => these are the styles you see in the screenshot
1 │ User styles
2 │ author CSS styles => beware CSS precedence rules (link below)!
3 │ author inline styles
4 │ author CSS styles with `!important`
5 │ author inline styles with `!important`
Highest 6 │ User styles with `!important`
Dado que los estilos en su captura de pantalla son estilos UA (precedencia más baja), todo lo que necesita es declarar una regla de estilo en su css para sobrescribirlos:
ul padding:0
Nota al margen: como puede ver, los estilos de usuario tienen la prioridad más alta. Entonces, si un usuario declarara sus propios estilos con !important, no hay nada que puedas hacer al respecto como autor, no puedes anular esos estilos. (Lo cual tiene sentido, porque como usuario final quiero saber que tengo la última palabra sobre cómo se ven las cosas en mi navegador).
* En la vida real, la naturaleza en cascada es más compleja de lo que muestra la siguiente lista, pero no la cubrí en aras de la simplicidad. Si está interesado, eche un vistazo a la precedencia de CSS.
Simplemente agregue el siguiente estilo:
ul padding:0
Eso anulará el estilo predeterminado.
Calificaciones y comentarios
Agradecemos que quieras corroborar nuestro estudio poniendo un comentario o puntuándolo te estamos agradecidos.