Question

我知道我可以使用

获取样式标记

$('style')

但是如何从文档中获取所有样式标记并将它们合并到一个样式块中？

Answer 1

<script>
var styles;
$("style").each(function(a,b){
    styles = styles + "\n" + b.html();
    $(this).remove();
});

$("#style").html('<style>'+ styles +'</style>');

</script>
<div id="style>

</div>

Answer 2

以下是您可以分两行进行的操作：

// add a new style element before the first one with all the rules
$('style:first').before('<style type="text/css" id="new">'+$('style').text()+'</style>');

// remove all the style elements except the one added above
$("style:not('#new')").remove();

Here is a demo ^更新了

获取所有<style>标记并将内容连接成一个<style>标记</style>

2 个答案: