在style属性中使用import

Question

首先让我非常清楚。我在谈论在html style=''属性中导入css文件。您可以假设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 }">

这同样毫无意义。