如何在脚本中验证CSS？

const element = document.querySelector('.your-element-selector');

const computedStyle = window.getComputedStyle(element);

const propertyValue = computedStyle.getPropertyValue('your-property-name');

if (propertyValue === 'your-expected-value') {
  console.log('CSS property value is correct!');
} else {
  console.log('CSS property value is incorrect!');
}

function verifyCSSProperty(selector, propertyName, expectedValue) {
  const element = document.querySelector(selector);
  if (!element) {
    console.log('Element not found!');
    return;
  }

  const computedStyle = window.getComputedStyle(element);
  const propertyValue = computedStyle.getPropertyValue(propertyName);

  if (propertyValue === expectedValue) {
    console.log('CSS property value is correct!');
  } else {
    console.log('CSS property value is incorrect!');
  }
}

// 使用示例
verifyCSSProperty('.your-element-selector', 'your-property-name', 'your-expected-value');