¿Cómo validar prefijos de proveedor en CSS como -webkit- y -moz-?

Utilizo el radio de borde de webkit / mozilla y las propiedades CSS de sombreado de cuadro, pero quiero que el CSS valide (que actualmente no lo hace). ¿Hay alguna manera de validarlo?

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

No, son propiedades específicas del navegador y no están definidas en la especificación CSS estándar.

Dicho esto, siguen correctamente las reglas para la extensión de CSS específica del proveedor. Simplemente no está en la especificación oficial de CSS del W3C.

Aunque la syntax para las extensiones de proveedor se menciona en el módulo de syntax de CSS3 y se introduce en la gramática para permitir a los proveedores implementar sus propios prefijos ignorando el estándar, las propias extensiones de proveedor no se reconocen como propiedades CSS oficiales. Esto no va a cambiar, ya que son propietarios y específicos de los proveedores que los inventan y los usan.

Sin embargo, una mejora reciente ( principios de 2011 ) del Validador de CSS de W3C de Jigsaw permite reducir los errores de validación provocados por las extensiones de advertencias de los proveedores. Encuentre esta nueva opción, entre otras, como el nivel de CSS para validar al expandir la sección Más opciones :

Esto hace que sea más fácil encontrar los problemas reales con su hoja de estilos si aún no se valida. Si las extensiones de proveedor son las únicas causas que desencadenan errores, al convertirlas en advertencias se permitirá validar tentativamente la hoja de estilo. También elimina la necesidad de mantener extensiones de proveedores en una hoja de estilos separada que debe ocultar del validador.

Sin embargo, las advertencias son lo más alejadas posible de los errores, ya que, en última instancia, los prefijos de los proveedores siguen siendo no estándar y, por lo tanto, técnicamente no válidos.

En parte es posible. Reúna todas las clases de CSS no admitidas 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; } 

default.css

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

page.html

       

El motor de búsqueda no ejecuta scripts de cliente, por lo que sus atributos W3C no soportados no dañarán su SEO. En cuanto a la validación de CSS verde, lo siento, todavía no.

No, ya que no son parte del estándar contra el cual el validador valida. La única solución que se me ocurre es poner las propiedades incompatibles en una hoja de estilos separada.

Las propiedades específicas de Mozilla y WebKit no se validarán. Lo que puedes hacer es separar tu CSS “enriquecido” en una hoja de estilos separada. Al igual que separa sus estilos de hack de IE de su hoja de estilos principal. De esta forma, sus hojas de estilo de base se validarán.

Si usa un archivo CSS separado para mi CSS “inválido” o “específico del navegador”, use un poco de PHP para filtrar ese CSS del validador:

 '; } ?> 

A continuación, vincule al validador con CSS3 como 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 haya algo que lo haga?

12-12-2011

Kami realmente publicó la mejor solución. Creo un archivo css3.js y document.write (”) por separado; el CSS línea por línea:

CSS3.js

 document.write('\ '); 

@BoltClock es TOTALMENTE correcto en este … W3C ha agregado un criterio de búsqueda BOOL nivel de vextwarning . NO está documentado … pero si está utilizando su validación de API SOAP , puede agregar un parámetro a la carga útil de su solicitud GET validación ….

&vextwarning=true

por ejemplo … si quisiera editar el comando del validador de CSS en TextMate … podría “Editar paquetes …”, aka ^ + + + B

 #!/usr/bin/env ruby print 'full request content para obtener incluso más opciones, según sea necesario ... 

inspector webkit de validación css3