elementUI为什么这样指定类名样式无效？

一共循环的是6个元素 css里面设置1的时候全部颜色都变成了蓝色 设置2的时候没有背景色 这是为什么？为什么不是我设置第几个第几个就变成蓝色呢？

<el-col class="total" v-for="(item, index) in parkArr" :key="item" :span="4">
        <div class="default-grid-content">
            <div class="default-grid-title">{{ item.title }}</div>
            <div class="default-grid-body" :style="item.style">
              {{ index > 0 ? "￥" : "" }}{{ item.desc }}
            </div>
        </div>
</el-col>

.default-grid-content:nth-of-type(2){
  background-color: blue;
}