---代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
#test{
width: 200px;
height: 200px;
background: red;
} #test:hover+#test2{
width: 100px; } #test2{
width: 200px;
height: 200px;
background: yellow;
}
</style>
</head>
<body>
<div id="test"> </div> <div id="test2"> </div>
</body>
</html>
这里要注意，这个方法不能选择用于同级和子元素。