Использование импорта в атрибуте стиля

Question

Сначала позвольте мне быть предельно ясным.Я говорю об импорте файла CSS в атрибуте html style=''.Вы можете использовать Internet Explorer 9.

Я не забочусь о <link> тегах или других методах импорта CSS.

Допустим, у меня есть простой .cssfile:

#inputArea{
width: width:72px;
}

Почему этот импорт не работает?

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

Когда этот импорт работает?

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

Когда импортируется атрибут style=""Работа?Почему этот не работает?

Answer 1

Атрибут style принимает список объявлений и применяет свойства из этого списка специально к элементу owner.

@import не является декларацией и не применяется к конкретному элементу. Он может появляться только на верхнем уровне таблицы стилей вместе с селекторами и другими @ -структурами, которые содержат операторов .

Нет смысла импортировать таблицу стилей, которая содержит правила выбора других элементов, во встроенный стиль элемента. Это как сказать:

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

что так же бессмысленно.