css中用@import引入另一个css文件会增加请求次数

html-css016

css中用@import引入另一个css文件会增加请求次数,第1张

@import引用的CSS会等到页面全部被下载完再被加载；

@import可以在css中再次引入其他样式表，比如可以创建一个主样式表，在主样式表中再引入其他的样式表；

而至于请求次数，有几个import就会发生几次请求；

在一个CSS文件利用@import url('其他的CSS文件')

想引入几个CSS文件就用几个@import url

注意路径的的书写

首页需要两个CSS文件index.css和common.css

就在index.css的首行写入(两个CSS文件在同一个目录下)

@import url('common.css')

这样只需要在首页链接一个index.css文件就可以了。

可以的，直接请求这个链接就可以了，返回的就是css文件的内容。引入jQuery库，使用get请求css文件，例如请求theme.css，写入到ID为div1的div中中：

 $.get("/images/new/images/NWSY.css", function(result){

    $(".xinwenneirongtt").html(result)

  })

但是不要发起跨域请求。