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

  • Z时代
  • 2024-02-26
  • 分类：IT

一共循环的是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;
}

回答：

ele:nth-of-type(n)表示选择父元素下的第 n 个ele 元素，.default-grid-content的父元素就它一个子元素

回答：

你这里相当于渲染了六个default-grid-content，而不是渲染default-grid-content的子元素

回答：

首先 :nth-of-type 选中的是同级指定元素
其次 你这个循环的是指定元素的外层，导致同级只会出现一个default-grid-content

以上是 elementUI为什么这样指定类名样式无效？ 的全部内容， 来源链接： utcz.com/p/933069.html

回到顶部