Question

我想知道，是否有任何约定允许使用该页面中的link或import 无法使用页面样式表？

Answer 1

是的，页面中有style个标签（最好是head）：

<style>

    /* CSS declarations here */

</style>

Answer 2

确定，这是我能带来的最简单的事情：

var style = document.createElement('style');
    style.innerHTML = '#element{color:red}';
document.getElementsByTagName('head')[0].appendChild(style);

这将在动态创造一个风格元素和附加到头部。当然，如果你想使用像addRule这样的CSSOM方法，你可以做得更好。

http://jsfiddle.net/ekmyR/

Answer 3

有一种方法可以使用链接，但不能直接使用页面。

你可以将它放在一个应该加载页面的外部javascript文件中（使用jQuery）：

$('head').append($("<link rel='stylesheet' type='text/css' href='<FILE.CSS>'/>"));

希望它有所帮助！

加载css而不导入它

3 个答案: