CSS中父级的hover改变子元素和样式

思想: 选择器类似DOM元素选择器,+表示下一级元素，>表示子元素 空格 代表后代元素

<div class='student'>

<div class="name"></div>

</div>

.student { color: #ffffff;}

.student:hover { color: #000000}

.student:hover .name { color: green;}