导入css文件使用判断条件实现

方案一：在HTML文档中巧妙使用条件导入

```html

```

这段代码的作用是，当浏览器为IE6时，会导入ie.css样式表；对于所有版本的IE浏览器，会导入js/colorbox-custom-ie.css样式表。这种方式允许开发者为特定浏览器定制样式，提升用户体验。

方案二：在CSS文档中运用条件导入

除了HTML文档，我们还可以在CSS文档中使用条件导入。下面是一个示例代码：

```css

[if SafMob] @import('iphone.css');

[if ! SafMob] @import('non-iphone.css');

```

这段代码的意思是，如果浏览器是Safari移动版，则导入iphone.css；否则，导入non-iphone.css。这种策略使得开发者能够为不同设备或浏览器提供特定的样式。

关于浏览器加载CSS的顺序：

1. 浏览器首先加载指定的HTML页面。

2. 然后HTML代码。

3. 过程中，如果遇到link标签引用的CSS文件，浏览器会远程获取这些CSS文件。

4. 加载并执行获取的CSS文件。在这个过程中，如果遇到@import url(".css")这样的代码，浏览器会再次远程获取.css。

5. 加载并执行.css。值得注意的是，通过@import最多可以导入31个CSS文件。每次远程获取CSS文件都会产生HTTP连接，这可能会耗费较多时间。在实际开发中，最好尽量减少@import的使用。估计没有哪个项目会真的用到31个@import。

通过以上两种方案，我们可以灵活地为目标浏览器或设备提供定制化的样式，从而提升网页的用户体验。