Solución sistemática de estilos conflictivos en css

Tengo algunas hojas de estilo de diferentes fuentes en mi proyecto web. Quiero armonizarlos. Algunos estilos que necesito de uno, algunos del otro. ¿Existe alguna herramienta o método para resolver sistemáticamente los conflictos de estilo? Probé la herramienta de desarrollador IE8, y sí, es posible ver los conflictos en el nivel de cada elemento. Pero tengo muchos elemens, así que si lo hago elemento por elemento, creo que esto lleva demasiado tiempo. Teóricamente podría haber una herramienta que muestra conflictos de dos archivos CSS en el momento del diseño?!? Creo que esto me ahorraría mucho tiempo.Solución sistemática de estilos conflictivos en css

Fuente

2010-05-07 Frank Michael Kraft

¿Has probado esta extensión de Firefox? https://addons.mozilla.org/en-US/firefox/addon/5392 Hace que eliminar estilos redundantes sea mucho más fácil.

De lo contrario, probablemente incluiría todos los estilos en un solo archivo, tratando de agrupar reglas similares, y luego usaría Dust-Me para eliminar las que no se usaban.

Fuente

2010-05-07 12:46:04

dust me ayudó mucho También herramientas de desarrollo IE8. –

CSS no tiene conflictos, tiene cascadas. La idea es que PUEDAS definir múltiples reglas que se apliquen a los mismos elementos y el orden en que colocas los estilos refleja una importancia, es decir, si aparece en último lugar, anulará las reglas anteriores donde haya algo que describas como un conflicto.

Debería bien ...

1) Decidir qué hoja de estilo es el más importante y lo puso segunda

2) Vuelva a escribir sus estilos de evitar el desorden

3) Marcar reglas importantes como iMPORTANTE

Fuente

2010-05-07 12:35:33 Fenton

-1 por mencionar '! IMPORTANTE': P – Bart

¿Por qué cree que no se puede confiar en que las personas conozcan esta función? ¿Quieres que se mantenga en secreto? Si bien se desaconseja utilizar '! IMPORTANTE' porque entra en conflicto con el concepto de reglas en cascada, estamos hablando del contexto específico de tratar de reunir muchas reglas de múltiples fuentes y'! IMPORTANTE' es definitivamente una herramienta que debe tener en cuenta en este situación. – Fenton

Usando! Importante, por lo general solo esconde un desastre debajo de la alfombra, por así decirlo, y terminas con más desorden que ya no cabrá debajo de la alfombra, también preguntando por qué css no tiene una! Muy importante ... –

Si ve el sitio en FireFox y utiliza la extensión Firebug, puede ver cada elemento en su página representada, y al usar la pestaña "CSS" en firefox, puede ver la cascada de reglas de estilo que se están aplicando a ese elemento, y de qué archivo de origen CSS proviene cada uno. Le mostrará qué reglas están siendo anuladas, también.

Esto es útil para determinar de dónde viene cada regla en particular y qué se está anulando.

Aún tiene la tarea de "racionalizar" sus hojas de estilo, y puede haber otras herramientas que pueden ayudar en eso.

Fuente

2010-05-07 12:54:02

Solución sistemática de estilos conflictivos en css

Respuesta

Cuestiones relacionadas