累积css规则

Question

我正在尝试编写一个加载几个css文件的javascript代码。 但是link元素没有onload事件，这就是为什么我向我的文档附加一些额外的元素，告诉我是否已经加载了css文件。 我想知道是否有可能只为我的所有css文件和相同的css规则添加一个元素。

换句话说，css中是否存在累积规则，即每次应用于dom元素的应用效果（我的意思是效果取决于您应用此规则的次数）？

Answer 1

不，没有这样的累积规则。您可以多次添加一个类，但如果您执行过一次，该元素将会是一样。

如果要控制加载，可以使用ajax将css文件直接加载到页面中。如果完成，ajax请求将给出响应。现在您可以将css插入到文档中，它将立即应用。

使用jQuery可能是

$.ajax({
    url: 'url/to.css',
    dataType: text,
    method: 'POST',
    success: function(data) {
        $('body').append('<style>' + data + '</style>');
        // some more code as the css is in the page
    }
});

希望有所帮助。