<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head>
<style> .a {color : #FFFF00;}
.a:hover + .b{color : #00FF00;} .a:hover + .b > .c{color : #0000FF;} </style> <div class='a'>元素1
</div> <div class='b'>元素2 <div class='c'>元素2的子元素</div> </div></html>
|
总结:
1,控制兄弟元素使用+连接
2,控制兄弟元素下的子元素先用+连接兄弟元素,再用>连接兄弟元素下的子元素
3,如果控制自己的子元素,使用空格隔开