获取所有css类的背景和颜色属性值

// 获取页面上的所有元素
const elements = document.querySelectorAll('*');

// 存储结果的数组
const result = [];

// 遍历每个元素
elements.forEach(element => {
  // 获取元素的所有CSS类
  const classes = Array.from(element.classList);

  // 遍历每个CSS类
  classes.forEach(className => {
    // 获取计算后的样式对象
    const computedStyle = window.getComputedStyle(element);

    // 获取背景和颜色属性的值
    const backgroundColor = computedStyle.backgroundColor;
    const color = computedStyle.color;

    // 存储属性值和相关信息
    result.push({
      className: className,
      backgroundColor: backgroundColor,
      color: color
    });
  });
});

// 打印结果
console.log(result);