@import CSS


Come richiamare con @import il CSS di un browser e nasconderlo ad altri

Ormai è più che chiaro che Micorsoft e il resto del mondo informatico non si metteranno daccordo sulle specifiche del CSS. Questo lo vediamo proprio dal fatto che siamo arrivati al CSS 3 e ancora ci sono differenze tra questo o quel browser nella lettura dei fogli di stile. Per ovviare al problema si possono creare dei fogli di stile che vengono letti esclusivamente dal quel browser escludendo gli altri dal vedere la pagina con quello stile. La tabella mostra la compatibilitá dei browser piú famosi, per il richiamo @import Url style css, anche al fine di offrire una panoramica sulle specifiche per l'esclusione dei browser più vecchi.

Browser IE
Win		 Opera Mozilla FF Ko Saf IE
Mac		 W3C CSS Validator
Rules 6+ 5.5 5.0 4 7+ 6 1.7+ 1.4 0.6+ 3.2 1.2 5.2 Y/N Err./Warn.
1 @import url("style.css"); + + + + + + + + + + + + Yes  
2 @import url(style.css); + + + + + + + + + + + + Yes  
3 @import "style.css"; + + + - + + + + + + + + Yes  
4 @import url("style.css") all; - - - - + + + + + + + + Yes  
5 @import url("style.css"); - - - - + - + + + - - - Yes  
6 @import url("style.css"); - - - - + - + + + - - - Yes  
7 @import url("style.%63ss"); + + + + + + + + + + + + Yes  
8 @import/**/"style.css"; + + - - + + + + + + + - Yes  
9 @import "style.css"/**/; + - - - + + + + + + + - Yes  
10 @import url(/**/"style.css"); + - - - - - + + + - - - Yes  
11 @imp\6F rt url("style.css"); + - - - - - + + + - - + Yes Warning
12 @import\**\"style.css"; - + - - - - - - - - - - Yes Warning
13 @im\port url("style.css"); + - - - - - + + + - - + Yes Warning
14 @import\ url("style.css"); - + + + - - - - - - - - Yes Warning
15 @import_url("style.css"); - - + + - - - - - - - + Yes Warning
16 @import "style.css";
Non-Breaking Space (Alt-0160) after @import		 - + + - - - - - - - - - Yes Warning
17 @import "style.css";
Non-Breaking Space (Alt-0160) before @import		 + + + - - - - - - - - - No Error
18 @import "style.css" ;
Non-Breaking Space (Alt-0160) before ;		 + + + - - - - - - - - - No Error
19 @import url ("style.css");
Non-Breaking Space (Alt-0160) after url		 - + - - - - - - - - - - No Error
20 @import: url("style.css"); + + + + - - -   -       No Error
21 @ import url("style.css"); - + - - - - - - - - - - No Error
22 @import url ("style.css"); + + - - - - - - - - - - No Error
23 @import style.css; + + + - - - - - - - - - No Error
24 _@import "style.css"; - - + - - - - - - - - - No Error
25 @import url("style.css")_; - - - - - - - + + - - - No Error
26 em{color:red};@import url("style.css"); - + + + - - - - - - - - No Error
27 \@import url("style.css"); - - + + - - - - - - - - No Error
28 @import url\ ("style.css"); + - - - - - - - - - - - No Error
29 @import ur\6C ("style.css"); + - - - - - + + + - - + No Error
30 @import(style.css); - - - - - - - - - -   + No Error
31 @import url("style.\63 ss"); + - - - + + + + + + + + No Error
[Bad Request]
32 @import url("style.
css");		 + + + + - - - - - - - - No Error
33 @import url("style.\
css");		 + - - - + + + + + - - + No Error
[Bad Request]

Come alternare il Css per i browser. Compatibilità e specifiche W3C