---代码
<!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>
这里要注意，这个方法不能选择用于同级和子元素。