CSS实现hover效果去控制另一元素样式

通过CSS实现hover效果控制另一元素

// 这里的div的class为course
<div class="course" v-for="course in courses">

// 这里的a标签的class为title
 <p id="p1"><a href="javascript:;" class="title" style="color: white">{{ course.title }}</a></p>

实现方法：

// 当鼠标触碰到div的时候会让a标签出现下边框
.course:hover .title {
  border-bottom: 1px solid black;
}