Hola Jarkos,
El error que te devuelve el
W3C CSS Validation Service, seguramente diga algo así:
Código:
URI : file://localhost/TextArea
2 Archivo no encontrado import file://localhost/body.css: Operation not permitted
3 Archivo no encontrado import file://localhost/style1.css: Operation not permitted
Eso, es un error, pero
en este caso no lo tomes como si fuera un error.
Si tu subes todos los archivos a un hosting, sea gratuito o pago vas a notar que ambos errores no los devuelve más.
Esto se debe a algo muy simple.
Supongamos que tu hoja de estilo se llama
"estilos.css" y en la misma introduces exactamente el mismo contenido que has escrito en el primer post de este tema.
Si subes dicho archivo (
"estilos.css") a un dominio
"example.com/css/", el URL de la hoja de estilos sería:
"example.com/css/estilos.css"
Y por lo tanto, las hojas a las que tu le haces el
import tendrían las siguientes direcciones:
- "example.com/css/body.css"
- "example.com/css/style1.css"
Al usar el
W3C CSS Validation Service, si lo haces mediante la introducción de una URL, la aplicación hace lo siguiente:
- Lee el archivo que has escrito y lo verifica para ver si está respetando las especificaciones ya establecidas por la W3C.
- Verifica los "@import" abriendo cada archivo.
Como has visto, el
W3C CSS Validation Service verifica los archivos que has
importando desde tu hoja de estilo. Para verificarlos, si has introducido una dirección absoluta (por ejemplo:
@import url("body.css");) lo que hace dicha aplicación es tomar la dirección donde se encuentra la hoja de estilos principal (que sería
"example.com/css/") y allí buscar el archivo.
Si tu has ingresado
el contenido de tu hoja de estilo por el medio
"Entrada directa" (es decir, donde copias y pegas el contenido de tu hoja solamente), dicho servicio no encuentra ninguna dirección en la cual buscar un archivo y por ende, lo hace en su propia dirección, es decir en
"localhost/".
Al buscarlo en
SU localhost, es obvio que no va a encontrar los archivos que has especificado y de
allí proviene el "error" que como he dicho anteriormente,
no has de tomarlo como un error propiamente dicho
en este caso.
Espero que se haya entendido mi explicación.
Dicho sea de paso, si hubieras leído el manual (
jigsaw.w3.org/css-validator/manual.html.es) te hubieras enterado de exactamente lo mismo que te he dicho:
Cita: También debes ser cuidadoso con las reglas @import pues sólo se seguirán si referencian explícitamente a una URL pública (olvida las rutas relativas con esta solución)
Saludos
