如何修改样式表规则，以便使用javascript将后代选择器添加到每个规则的前面？

// 获取样式表
var styleSheet = document.styleSheets[0];

// 获取规则列表
var rules = styleSheet.cssRules || styleSheet.rules;

// 遍历规则列表
for (var i = 0; i < rules.length; i++) {
  var rule = rules[i];

  // 获取选择器文本
  var selectorText = rule.selectorText;

  // 添加后代选择器
  var modifiedSelectorText = 'body ' + selectorText;

  // 更新样式表
  if (styleSheet.insertRule) {
    styleSheet.insertRule(modifiedSelectorText + ' { ' + rule.style.cssText + ' }', i);
  } else if (styleSheet.addRule) {
    styleSheet.addRule(modifiedSelectorText, rule.style.cssText, i);
  }
}