CSS调用同级，父级，子级元素（整合不全版）

父对子
是指父元素触发hover事件，并且控制父元素中的子元素做出响应。

.d1:hover .p1{
	color:#fff
}

子对父
是指子元素触发hover事件时，其父元素做出相关相应。

通用的同级选择器(〜)不如相邻的同级选择器严格。它使你可以选择作为指定元素的同级的所有元素，即使它们并非直接相邻。

示例：

.p1:hover ~ .d1{
	background-color: #fff;
}

同级控制
指处在统一层级的元素的hover控制关系。

.d1:hover + .d2{
	background-color: #fff;
}
.d1:hover + .d2 .p1{
	color: #fff;
}