为什么不建议使用@import?
为什么不建议使用@import?
1.网页在加载时,先下载载入html,然后解析html,之后载入解析css,所以行内样式要比内部样式和外部样式快。而对于内部样式和外部样式这就需要看他们的位置了,哪一个距离html元素更近,哪一个优先级就更高,因为html,css解析是自上而下的,但是存在覆盖。
2.使用@import引用的文件只有在引用它的那个css文件被下载、解析之后,浏览器才会知道还有另外一个css需要下载,这时才去下载。导致浏览器无法并行下载所需样式文件。还会导致下载顺序紊乱,可能会使@import后的js文件先于其下载。 css @import引起的css解析延迟会加长页面留白期。