Css 将导入语句转换为内联样式标记中的链接标记

我试图编写一个脚本，将

@import

语句转换为

标签，我有两个问题：

@import

语句和其他样式语句是否可以在内部共存 一个

标签？e、 g:

@导入url(http://www.example.com/style.css);
身体{
背景：#FFF；
}
…NUI_内容框架标题{
明确：两者皆有；
高度：50px；
保证金：0；
颜色：黑色；
背景：url（/vpn/images/NUI_box_l.png）不重复左上方；
边框：实心0px#BBC6D6；
溢出：隐藏；
字母间距：0；
填充：0 15px；
}

如果在

标记的开头有多个

@import

语句，而这不是范围样式标记，我们是否可以将

@import

语句转换为

语句，并将它们移到

标记的正上方？比如：

@导入url(http://www.example.com/style1.css);
@导入url(http://www.example.com/style2.css)
身体{
背景：#FFF；
}
…NUI_内容框架标题{
明确：两者皆有；
高度：50px；
保证金：0；
颜色：黑色；
背景：url（/images/NUI_box_l.png）不重复左上方；
边框：实心0px#BBC6D6；
溢出：隐藏；
字母间距：0；
填充：0 15px；
}

将成为：

身体{
背景：#FFF；
}
…NUI_内容框架标题{
明确：两者皆有；
高度：50px；
保证金：0；
颜色：黑色；
背景：url（/images/NUI_box_l.png）不重复左上方；
边框：实心0px#BBC6D6；
溢出：隐藏；
字母间距：0；
填充：0 15px；
}

@import语句和其他样式语句能否在标记中共存

对

如果一个标记的开头有多个@import语句，而这不是一个范围样式标记，我们可以将@import语句转换为语句并将它们移到标记的正上方吗

对

考虑将

@import

语句转换为它们自己的样式表，因为

@import

阻止了文件加载-如果它们作为单独的表加载到它们自己的

标记中，浏览器可以并行加载它们