今天小编跟大家讲解下有关导入css文件使用判断条件实现 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关导入css文件使用判断条件实现 的相关资料,希望小伙伴们看了有所帮助。
方案一: 在HTML文档中使用条件导入 如在HEAD中插入如下代码: 复制代码代码如下: <!--[if IE 6]> <link rel="stylesheet"href="https://www.aidi.net.cn//web/ie.css"type="text/css"/> <![endif]--> <!--[if IE]> <link type="text/css"media="screen"rel="stylesheet"href="https://www.aidi.net.cn//web/js/colorbox-custom-ie.css"title="Cleanity"/> <![endif]--> 方案二: 在CSS文档的开头使用条件导入 如下的代码所示: 复制代码代码如下: [if SafMob] @import('iphone.css'); [if ! SafMob] @import('non-iphone.css'); 浏览器加载css的顺序: 1.加载url指定的html页面 2.解析html 3.远程获取link标签引用的css文件 4.加载执行获取的css文件 [email protected] url("xx.css")这样代码 就会远程获取xx.css 5.加载执行xx.css 通过 @import 最多可以导入31个CSS文件 由于每一次远程获取css文件都会产生http链接 比较耗时间 所以 [email protected] 估计没有哪个项目会用这么多。
来源:爱蒂网