前段时间遇到一个面试题，问：A元素和B元素是相邻的两个兄弟元素，怎样用css实现当鼠标悬浮在A元素的时候改变B元素的样式。其实挺简单的一个需求，但是我一下就懵了，说明对css的选择器还是太不熟悉了，现在记录一下。
首先说一下该需求的实现，代码如下： A元素和B元素是相邻的两个兄弟元素：
A:hover +B{
background-color: red;
}
如果A元素是B元素的父元素呢：
A:hover B{
background-color: red;
}
其他的可以类推，其实代码很简单，所以这种问题考察的就是对css选择器的掌握程度了，关于css选择器，这里总结得很全面：css选择器
