不通过添加类 怎么找出common-class[2] 第二个类改变样式

如果你不想通过添加类来改变样式，你可以使用以下方法来找到第二个具有 `common-class` 类名的元素并修改样式：

1. 首先，确保你的元素有一个特定的父容器，例如 `<div>` 或 `<view>`。

<template>
  <view>
    <div class="common-class">这是第一个元素</div>
    <div class="common-class">这是第二个元素</div>
    <div class="common-class">这是第三个元素</div>
    <button @click="changeStyle">改变样式</button>
  </view>
</template>

在上面的示例中，父容器是 `<view>`。

2. 在 methods 中定义 changeStyle 方法，使用 `document.querySelectorAll` 方法选择所有具有 `common-class` 类名的元素，并根据索引来获取第二个元素，并进行样式修改。

<script>
export default {
  methods: {
    changeStyle() {
      // 改变样式的逻辑
      const elements = document.querySelectorAll('.common-class');
      if (elements.length >= 2) {
        const secondElement = elements[1]; // 获取第二个元素（索引为1）
        if (secondElement) {
          secondElement.style.color = 'red'; // 修改元素的颜色为红色
        }
      }
    }
  }
};
</script>

在 changeStyle 方法中，使用 `document.querySelectorAll` 方法选择所有具有 `common-class` 类名的元素，并将它们存储在一个 NodeList 中。然后，通过索引访问 NodeList 中的第二个元素（索引为1），并将其颜色修改为红色。

请注意，这只是一个示例，具体实现方式可能因项目结构和样式定义方式的不同而有所差异。你可以根据实际情况进行调整，选择合适的选择器来选择要修改样式的元素。