如何在运行时更改/删除CSS类定义？

在运行时更改或删除CSS类定义可以通过JavaScript来实现。以下是一些常用的方法：

更改CSS类定义：

要更改CSS类定义，可以使用JavaScript的document.styleSheets对象来访问页面上的样式表，然后修改相应的规则。以下是一个示例：

// 获取所有样式表
var styleSheets = document.styleSheets;

// 遍历样式表
for (var i = 0; i< styleSheets.length; i++) {
  var styleSheet = styleSheets[i];

  // 遍历样式表中的所有规则
  for (var j = 0; j< styleSheet.cssRules.length; j++) {
    var cssRule = styleSheet.cssRules[j];

    // 如果规则是一个CSS类定义
    if (cssRule.type === CSSRule.STYLE_RULE && cssRule.selectorText === '.my-class') {
      // 修改CSS类定义的样式属性
      cssRule.style.backgroundColor = 'red';
    }
  }
}

删除CSS类定义：

要删除CSS类定义，可以使用类似的方法，但是需要使用deleteRule()方法来删除相应的规则。以下是一个示例：

// 获取所有样式表
var styleSheets = document.styleSheets;

// 遍历样式表
for (var i = 0; i< styleSheets.length; i++) {
  var styleSheet = styleSheets[i];

  // 遍历样式表中的所有规则
  for (var j = 0; j< styleSheet.cssRules.length; j++) {
    var cssRule = styleSheet.cssRules[j];

    // 如果规则是一个CSS类定义
    if (cssRule.type === CSSRule.STYLE_RULE && cssRule.selectorText === '.my-class') {
      // 删除CSS类定义的规则
      styleSheet.deleteRule(j);
    }
  }
}

需要注意的是，这些方法可能不适用于所有浏览器，因此在使用时需要进行兼容性测试。此外，在实际开发中，更推荐使用JavaScript库或框架来实现动态样式的更改和删除，以提高代码的可维护性和可读性。