Pregunta Webkit CSS Reset?


Sé que hay algunas herramientas de Restablecimiento CSS, Eric's y Yahoo para nombrar 2.
Sin embargo, cuando estoy usando ciertas etiquetas (¿creo que se llaman etiquetas?) Como "li" y "ul", obtengo algunos extras en la hoja de estilo del agente de usuario. Algunos de estos son:

-webkit-margin-before: 1em;  
-webkit-margin-after: 1em;  
-webkit-margin-start: 0px;  
-webkit-margin-end: 0px;  
-webkit-padding-start: 40px;  

Me pregunto si hay una hoja de estilo de reinicio por ahí que se ocupe de -webkit, etc.
He buscado uno, pero ahora tengo suerte.


32
2018-03-13 16:41


origen


Respuestas:


Si bien Webkit aplica estos estilos, están sobre-gobernados por margin: 0; padding: 0; ubicado en el CSS se restablece. No tienes que preocuparte por ellos.

Nota: aunque Chrome (Versión 27.0.1453.116 m) Developer Tools no muestra los estilos de agente de usuario con tachado, los estilos calculados sí reflejan ese explícito margin y padding los valores anulan


14
2018-03-13 17:11



De hecho, si estás trabajando con      <ul>  en su marcado el Reiniciar margin: 0, padding: 0; no sobrescribir el -webkit-padding-start: 40px;

Resolví el problema añadiendo a mi archivo de reinicio una

ul {
    -webkit-padding-start: 0px;
}

13
2018-02-10 13:00



Tuve el mismo problema con li y ul, y encontré la siguiente solución: en mi CSS, tenía un atributo para li de mi lista, que era display: inline. Lo reemplacé con float: left y funciona. No sé por qué ...


1
2018-04-15 18:35



Estaba teniendo el mismo problema con mi <h3> etiqueta. Intenté establecer margin:0;, pero no funcionó.

Descubrí que habitualmente comentaba líneas en mi CSS al usar //. Nunca lo noté porque no había causado ningún problema antes. Pero cuando usé // en la línea antes de declarar <h3>, causó que el navegador omita la declaración por completo. Cuando cambié // para /**/ Pude ajustar el margen.

Moraleja de esta historia: ¡utilice siempre la sintaxis de comentarios adecuada!


0
2018-04-20 06:03



Si user agent stylesheet se está llamando, es porque la propiedad que se solicita / necesitó no se definió correctamente en su hoja de estilo css.

Error al verificar su CSS usando una herramienta como CSS Lint y solucione cualquier problema que pueda detectarse antes de intentar soluciones.


0
2018-02-12 13:29