Yo estoy buscando para eliminar duplicados declaraciones CSS a partir de un número de los archivos de la aplicación de los cambios más fácil. Hay una herramienta que me puede ayudar a hacer que?

Ahora me enfrento con algo como esto:

styles.css
#content {
width:800px;
height:1000px;
background: green;
}

styles.game.css
#content {
width:800px;
height:1000px;
background: blue;
}

Y quiero que este:

styles.css
#content {
width:800px;
height:1000px;
background: green;
}

styles.game.css
#content {
background: blue;
}

El número total de líneas a través de todos los archivos de más de 10k, por lo que las técnicas que se basan en el manual de edición no son una opción.

OriginalEl autor kotekzot | 2012-03-11

6 Comentarios

  1. 10

    Escribí una herramienta específicamente para este propósito se llama csscss. Como un bono también se integra con Sass y LESS. Darle una oportunidad y que me haga saber si usted tiene un problema en github.

    Se ve muy bien, pero no parecen apoyar la eliminación automática de duplicados y archivos múltiples.
    No, eso es a propósito. Hay muchas maneras para que un desarrollador para refactorizar su css. Y creo que la eliminación automática hace que sea más difícil para depurar problemas en los estilos, después del hecho.
    Eso es lo que las opciones son para.
    Me encanta que hay versiones para ambos trago y grunt! npmjs.com/package/grunt-csscss

    OriginalEl autor Zach Moazeni

  2. 3

    Este sistema de reclamación para hacer eso:
    http://sourceforge.net/projects/cssmerge/?source=dlp

    Pero no pude hacer que funcione, aunque.

    Así que aquí va algunas herramientas para comparar los archivos CSS. No es tan rápido como una solución automática, pero lo haría más rápido que ir por comparación visual solo.

    http://www.diffchecker.com/

    http://www.araxis.com/merge_mac/index.html

    http://csscompare.codeplex.com/

    Frente a un problema similar como @kotekzot, he utilizado CSScompare. Trabajó como un encanto! Gracias.

    OriginalEl autor Fabio Nolasco

  3. 1

    Puede utilizar el validador CSS del W3C para eliminar los duplicados de las propiedades. Cargar el archivo css haciendo de carga de archivo y haga clic en comprobar, a continuación, vaya a las advertencias de la parte donde se puede ver el duplicado de las propiedades de repetirse. A continuación, puede quitar su duplicaciones por ir a una línea específica en el archivo.

    URL :http://jigsaw.w3.org/css-validator/#validate_by_upload

    No parece funcionar. Tengo un par de advertencias sobre el fondo y los colores del texto siendo el mismo, pero ninguna advertencia acerca de duplicar las declaraciones.

    OriginalEl autor harshakasireddy

  4. 0

    Probablemente la cosa más cercana a lo que estás buscando es un preprocesador de css y css de las importaciones. Me gusta MENOS: http://lesscss.org/

    Me gustaría hacer algo como

    styles.css
    @site-width: 800px;
    @site-height: 1000px;
    
    #content {
    width: @site-width;
    height: @site-height;
    background: green;
    }
    
    
    styles.game.css
    @import url("style.css");
    
    #content {
    width: @site-width;
    height: @site-height;
    background: blue;
    }

    EDIT: he pasado por alto que usted incluso no necesita de MENOS a todas, o la altura y la anchura en los estilos.juego.css

    Solo sería un aspecto

    styles.game.css
    @import url("style.css");
    
    #content {
    background: blue;
    }
    Una solución interesante, pero al final me tendría que lidiar con los duplicados de las declaraciones cuando la edición de CSS, y el número total de líneas en los archivos de más de 10k, editarlos a mano no es factible.
    RE: editar, hay un camino para llegar a ese estado sin tener que editar todos los archivos en la mano?
    No que yo sepa… de lo que usted ha dicho, suena como un montón de Encontrar & Reemplazar
    Tal vez esto sería una especie de ayuda: cleancss.com

    OriginalEl autor Connor

Dejar respuesta

Please enter your comment!
Please enter your name here