不使用id选择器切换多个MaterializeCSS图标

MaterializeCSS是一个现代化的响应式前端框架，它提供了丰富的UI组件和样式，其中包括了一些图标。在使用MaterializeCSS图标时，可以通过使用class选择器来切换多个图标，而不必使用id选择器。

具体的做法是，在HTML中为需要切换的图标元素添加一个共同的class，然后通过JavaScript或者CSS来切换这个class的样式，从而实现图标的切换。

以下是一个示例代码：

HTML:

<div class="icon-container">
  <i class="material-icons">icon1</i>
  <i class="material-icons">icon2</i>
  <i class="material-icons">icon3</i>
</div>

CSS:

.icon-container .material-icons {
  /* 默认样式 */
  color: red;
}

.icon-container .material-icons.active {
  /* 切换后的样式 */
  color: blue;
}

JavaScript:

// 切换图标样式
function toggleIcons() {
  var icons = document.querySelectorAll('.icon-container .material-icons');
  icons.forEach(function(icon) {
    icon.classList.toggle('active');
  });
}

// 在需要的时候调用toggleIcons函数来切换图标样式

在上面的示例中，我们通过给图标元素添加了一个共同的class "material-icons"，然后在CSS中定义了默认样式和切换后的样式。在JavaScript中，我们使用classList.toggle()方法来切换图标元素的class，从而实现图标样式的切换。

需要注意的是，这只是一种实现方式，具体的实现方法可以根据项目的需求和实际情况进行调整。

推荐的腾讯云相关产品：腾讯云云服务器（CVM），腾讯云对象存储（COS）。

腾讯云云服务器（CVM）是一种弹性计算服务，提供了可靠、安全、灵活的云服务器，可满足各种计算需求。了解更多信息，请访问：腾讯云云服务器（CVM）

腾讯云对象存储（COS）是一种安全、稳定、低成本的云端存储服务，适用于存储和处理各种类型的文件和数据。了解更多信息，请访问：腾讯云对象存储（COS）