Yo uso el webkit/mozilla radio frontera y caja de sombra de propiedades de CSS, pero quiero que el CSS para validar (que actualmente no). Hay una manera de llegar a validar?

http://jigsaw.w3.org/css-validator/

  • Un validador te dice si tu CSS coincide con la especificación. Qué bueno sería un validador que se pasa un archivo CSS que incluye propiedades no estándar? Tenía buenas razones para incluir propiedades que no son estándar, así que ¿por qué te importa si se valida después de que usted eligió para hacer eso?
  • tal vez reconsiderar la aceptó responder
InformationsquelleAutor a432511 | 2009-12-11

7 Comentarios

  1. 11

    No, son explorador de propiedades específicas, y no se define en el estándar de la especificación de CSS.

    Que se dice, se sigan correctamente las reglas para los proveedores específicos de extensión de CSS. No sólo en el W3C oficial de la especificación de CSS.

    • Ni siquiera es posible con una elegante solución?
    • No es válido CSS de acuerdo a la especificación del W3C. Usted podría tratar de importación como en una hoja separada de su hoja principal, y ver si el validador ignora las importaciones, pero que sólo sería validador de la lógica específica.
    • Aceptado primera respuesta aquí. Gracias.
    • Esta respuesta sigue en pie, pero de una nueva solución (o solución), recientemente implementado por los mantenedores de la validador de sí mismos, ver mi respuesta.
    • kami respondió a una solución que funciona, y me hizo mejor
  2. 12

    Aunque la sintaxis para el proveedor de extensiones es se mencionó en el módulo de Sintaxis de CSS3 y se introduce en la gramática para permitir a los proveedores a implementar sus propios prefijos ignorando la norma, el proveedor real extensiones de sí mismos no son reconocidas como oficiales de las propiedades CSS. Esto no va a cambiar, ya que son de propiedad exclusiva y específica a los vendedores que inventar y utilizar los mismos.

    Sin embargo, una reciente mejora (a principios de 2011) a la Rompecabezas del Validador CSS del W3C hace que sea posible para reducir la validación errores desencadenada por el proveedor de las extensiones de advertencias. Esta nueva opción entre otras, tales como el nivel de CSS para validar contra por la expansión de la Más Opciones sección:

    Cómo validar el proveedor de los prefijos CSS como -webkit - y -moz-?

    Esto hace que sea más fácil encontrar el problema real con el de la hoja de estilos si todavía no valida. Si el vendedor extensiones son las únicas cosas activación de errores, convirtiéndolos en advertencias de permitir su hoja de estilos para validar tentativamente. También elimina la necesidad de mantener proveedor de extensiones en una hoja de estilo que usted tiene que esconderse de la validador.

    Advertencias son los más alejadas usted puede alejarse de los errores, a pesar de que, en última instancia, proveedor de prefijos todavía no estándar y por lo tanto técnicamente no válido CSS.

  3. 5

    Es en parte posible. Recoger todos los no admitidos clases css en un archivo (css3.css)

    Ejemplo:

    css3.css

      .round{
            -moz-border-radius-bottomleft: 5px; 
            -moz-border-radius-topleft: 5px; 
            -moz-border-radius-topright: 5px; 
            -moz-border-radius-bottomright: 5px;
            border-bottom-left-radius: 5px 5px;
            border-bottom-right-radius: 5px 5px;
            border-top-left-radius: 5px 5px;
            border-top-right-radius: 5px 5px;
            -webkit-border-bottom-left-radius: 5px 5px;
            -webkit-border-bottom-right-radius: 5px 5px;
            -webkit-border-top-left-radius: 5px 5px;
            -webkit-border-top-right-radius: 5px 5px;
        }

    predeterminado.css

     .square{
            width: 100px;
            height: 100px;
            border: 1px solid #000000;
        }

    page.html

    <html>
        <head>
             <link rel="stylesheet" type="text/css" href="default.css">
             <script type="text/javascript">
                  document.write('<link  type="text/css" href="css3.css">');
             </script>
        </head>
        <body>
             <div class="square round"></div>
        </body>
    </html>

    Motor de búsqueda no ejecutar secuencias de comandos de cliente, por lo que su W3C no compatible atributos no dañar su SEO.
    Como para el verde de validación de css, lo siento, todavía no.

    • SEO me parece fuera de lugar aquí.
    • Creo que esto debe ser aceptado respuesta
    • Hacer que los rastreadores se moleste en tratar de validar el CSS? Parece una fenomenal desperdicio de recursos cuando están relacionadas principalmente con el contenido.
  4. 1

    No, ya que no son parte de la norma, el validador valida contra. La única solución que viene a la mente es poner la incompatibilidad de las propiedades en una hoja de estilos aparte.

  5. 1

    El Mozilla y WebKit propiedades específicas no valida. Lo que puedes hacer es separar tu «enriquecido» css en una hoja de estilos aparte. Al igual que usted separado de su ie hack estilos de su principal hoja de estilo. De esta manera su base de hojas de estilo va a validar.

  6. 1

    Si usted utiliza un archivo CSS para mi «no válido» o «navegador» específico a la CSS, a continuación, utilizar un poco de PHP para filtrar que CSS desde el validador:

    <?php
    if(preg_match("/jigsaw.w3c.org/i", $_SERVER['HTTP_HOST'])){ 
        echo '<link  href="invalid.css" type="text/css" media="screen, projection" />'; 
    }
    ?>

    A continuación, vincular a la validador con CSS3 como el perfil (acepta border-radius, text-shadow, etc.):

    http://jigsaw.w3.org/css-validator/check/referer?profile=css3

    $_SERVER[‘HTTP_HOST’] no funciona, pero tal vez hay algo que va?

    12-12-2011

    Kami realmente publicado la mejor solución. Me cree una css3.js de documentos y archivos.write(«); el CSS línea por línea:

    CSS3.js

    document.write('\
    <style type="text/css">\
    home_low_mod {zoom: 1;}\
    #home_module { -moz-border-radius: 8px;-webkit-border-radius: 8px;-moz-box-shadow: 0px 1px 3px #a5a6a2;-webkit-box-shadow: 0px 1px 3px #a5a6a2;behavior: url(PIE.htc);}\
    #page { -moz-border-radius: 8px 8px 0 0;-webkit-border-radius: 8px 8px 0 0;behavior: url(PIE.htc);}\
    </style>');
    • ¿Cuál es el punto de hacer esto?
  7. 0

    @BoltClock es TOTALMENTE derecho en este… W3C efectivamente se ha añadido un vextwarning nivel BOOL criterios de búsqueda. Es NO documentado… pero si usted está utilizando su SOAP API de validación de puede añadir un parámetro a la carga de su validación GET solicitud….

    &vextwarning=true

    por ejemplo… si quería editar el validador CSS del comando en TextMate… se «Editar Haces…», aka +++B

    #!/usr/bin/env ruby
    
    print '<html><head><meta http-equiv="Refresh" content="0; URL='
    print 'http://jigsaw.w3.org/css-validator/validator?\
    warning=0&profile=none&usermedium=all&text='
    
    scope = STDIN.read
    

    a algo – más a lo largo de los gustos de

    #!/usr/bin/env ruby
    
    print '<html><head><meta http-equiv="Refresh" content="0; URL='
    print 'http://jigsaw.w3.org/css-validator/validator?\
    warning=2&vextwarning=true&profile=css3&usermedium=all&text='
    
    scope = STDIN.read
    

    Aviso que también he añadido un level=css3 y cambiado el warninglevel. Alterar estos, de acuerdo a la API, como sea necesario.

    Si quieres ver todos los parámetros que están disponibles a través de la «línea» enviar mecanismo…. abrir Firebug, o el inspector de Webkit, etc.. mientras que la presentación de una consulta a través de su forma y retirar el full request content para obtener más opciones, según sea necesario…

    Cómo validar el proveedor de los prefijos CSS como -webkit - y -moz-?

Dejar respuesta

Please enter your comment!
Please enter your name here