O kadar ne varsa işe yaramaz, bir @media
kuralı kapsamında bir @import
olması geçerli değil. Onlar medya türleri doğrudan bir uzantısı olduğuna göre
@import url('/css/styles-480.css') only screen and (max-width: 480px);
Bu sözdizimi, introduced in CSS2.1 for use with media types ama media queries will also work: kendisi URL'ye sonra bir medya sorgusu kabul @import
-
Bunu yapmanın doğru yolu bile daha basittir.
@import
kurallarının yalnızca bir stil sayfasının başlangıcında mevcut olduğunu unutmayın.
Eğer yük performansı hakkında endişeleriniz varsa, bu stil sayfası yerine bir @import
, as shown by Asad başvurmak için sayfanızı kafasında ayrı <link>
eleman kullanmak isteyebilirsiniz. Ancak, her iki şekilde de gayet iyi çalışacaktır. Bunun yerine bir CSS dosyası içinde ithal
Genel olarak @import kullanımı tarayıcıların ekranını yavaşlatıyor. [Bu konuyla ilgili soruya bakın] (http://stackoverflow.com/questions/6912899/css-import-best-practices). Web optimizasyonunda temel kural, isteklerin sayısını, özellikle sıralı istekleri en aza indirmektir. –