CSS技巧：IE6用import导入CSS的问题

了在 IE6 浏览器中使用 `@import` 导入 CSS 时遇到的问题。

在 IE6 中，我们可以先编写 CSS 规则，然后再使用 `@import` 导入其他样式表，例如：

```css

p {} @import url("base.css");

```

但在实际浏览器中，这样的写法却无法正常渲染。通过抓包工具跟踪，发现浏览器没有发出对 `base.css` 的请求。

如果按照标准写法，`@import` 应该放在首行。但在 IE6 中，似乎有些特殊。一些资料提到，IE6 可以接受在其他 CSS 规则之后使用 `@import`。例如：

```css

@import url("base.css"); p {}

```

我们还可以通过 `` 标签来引入外部 CSS 文件，这样也可以解决问题。例如：

```html

```

这是因为 `` 标签在渲染时具有优先权。

经过验证，在 IE6 中确实可以先写 CSS 再加入 `@import`，但有一个前提条件：需要去掉严格的 DTD（包括 html strict 和 xhtml strict）。

虽然按照标准，`@import` 的使用并不推荐，且必须放在首行，但 IE6 的特殊表现确实给开发者带来了一些困扰。值得注意的是，IE6 已经逐渐退出历史舞台，我们更应当遵循标准做法，以确保跨浏览器的兼容性。在这个时代，我们应拥抱标准的灵活性和一致性，让网页更加健壮和易于维护。