鼠标移动上去div里面的部分文字变色

Question

这个是变色的

这个是不变色的

我的代码

 <div class="left">
           <div v-for="(item,index) in z" :key="index" class="z">
             <p><img :src="item.imgs"></p>
             <li>{{item.a}}</li>
             <li class="zt3">{{item.b}}</li>
             <li class="zt1">{{item.c}}</li>
             <li class="zt2">{{item.d}}</li>
           </div>
        </div>

Answer 1

因为不确定你的这个东西的布局是怎么样的，所以我写了两个可能，请题主各试一遍。若有用请点采纳谢谢
对left的div标签的鼠标焦点

<style>
      .left:hover {
        color: red;
      }
    </style>

对z的div标签的鼠标焦点

<style>
      .z:hover {
        color: red;
      }
    </style>