html - 在样式属性中使用导入

Question

首先让我非常清楚。我说的是在 html 中导入一个 css 文件 style=''属性。您可以使用 Internet Explorer 9。

我不关心<link> TAGS 或其他导入 css 的方法。

假设我有一个简单的 .css 文件:

#inputArea{
width: width:72px;
}

为什么这个导入不起作用？

<input type=text id='inputArea' style="@import url(simple.css);">

这个导入什么时候起作用？

<style>
    @import url(simple.css);
</style>

style="" 什么时候开始属性导入工作？为什么这个不起作用？

Answer 1

style 属性采用 declarations 的列表，并将该列表中的属性专门应用于所有者元素。

@import 不是声明，不适用于特定元素。它只能与选择器和其他 @ 一起出现在样式表的顶层 - 构成 statements 的构造.

将包含选择其他元素的规则的样式表导入元素的内联样式没有任何意义。这就像在说:

<input type=text id='inputArea' style="body { margin: 0 }">

这同样毫无意义。