Javascript 如何获得所有css'；是否使用jquery设置？

我想知道使用jquery在页面中的所有css设置。我知道要得到一些css的设置，我们会这样做

$('#container').css("width")

因此，我尝试使用

$（'*'）

获取所有css设置，但未能成功。

---

请给我一些建议。

如果您想要使用内嵌CSS的元素，请尝试：

$("[style]").each(function() {
  for (var i=0; i<this.style.length; i++) {
    console.log(this.style[i] + " = " + this.style.getPropertyValue(this.style[i]));
  }
});

---

对我来说，你的问题不够清楚，无法回答。你到底想要实现什么

页面中的所有css设置

可能意味着很多不同的事情

• 是否要计算浏览器的CSS属性
• 您希望应用的原始CSS类（不是计算值而是.CSS文件中声明的值）+所有这些类还是仅最特定的匹配
• 您想要原始的内联CSS样式吗
• 是否要包含所有样式表的列表
• 您真的想要所有属性还是只想要其中的一部分
• 您是希望对页面上的每个元素都使用此选项，还是仅对特定的元素使用此选项

for (var i=0; i<document.styleSheets.length; i++) {
  var css = document.styleSheets[i];
  for (var j=0; j<css.length; j++) {
    console.log(css[j] + " = " + css.getPropertyValue(css[j]));
  }
}