font - css selector
¿Hay alguna herramienta para fusionar CSS? (3)
Tengo un par de archivos CSS con superposición de selectores de CSS que me gustaría fusionar programáticamente (como no solo anexando un archivo al final del otro). ¿Hay alguna herramienta para hacer esto en línea? o una extensión de Firefox tal vez?
Encontré Factor CSS , completo con código fuente, pero creo que lo hace mucho más de lo que necesitaría. Realmente solo quiero combinar bloques CSS que tengan los mismos selectores. Verifico el código fuente y veo si se puede convertir a algo utilizable como un paquete de TextMate. Es decir, a menos que alguien más logre llegar antes que yo.
EDITAR: Aún mejor: aquí hay una lista de herramientas basadas en web para verificar / formatear / optimizar css .
No, ojalá hubiera, pero el esfuerzo de programación parece demasiado, ya que hay varias formas de hacer referencia a un solo elemento. Lo mejor que puedes hacer es usar un tiempo de ejecución como FireBug para encontrar duplicados.
Escribí una utilidad de Perl para hacer esto hace varios años.
Además de combinar una o más hojas de estilo en una única salida ordenada coherente (completa con comentarios para mostrar en qué archivo (s) apareció cada propiedad, y advertencias cuando una propiedad tiene valores conflictivos), también puede buscar selectivamente o fusionar según el selector, la propiedad o ambos.
Estos se manejan de forma inteligente, de modo que, por ejemplo, si busca la font propiedad, también obtiene font-size , font-weight etc. (aún se presenta dentro de los bloques CSS con los selectores relevantes de los que fueron extraídos). Del mismo modo, la búsqueda de selector intenta hacer lo correcto (es decir, generalmente más útil) cosa. Si busca, por ejemplo, el elemento a , coincidirá con cualquier bloque cuyo selector sea a , a:hover , a.extlink , a#mylink , .foo a , #bar a , pa , pre > a , a + p , a img ... (los dos últimos no afectan directamente el diseño del a sí, sino de un elemento adyacente o descendente, que a menudo es útil conocer en dicha búsqueda), sin coincidir con #a , .a , etc. Por supuesto, este comportamiento es opcional, también puede buscar un selector exacto. O una expresión regular.
Además de Perl, la única dependencia es CSS :: Tiny
Es software libre, y puedes obtenerlo aquí: cssmerge