【html+css】css选择器进阶

/* 1.后代选择器 */       
 /* div的儿子p变红 */        
 /* 父选择器 后代选择器{} */        
div p {            
 	color: blueviolet;        
 	}        
 /* 2.子代选择器 */
/* 只选中儿子，不选中孙子 */        
div>a {            
	color: red;        
	}        
/* 3.并集选择器 */        
/* 选择器1，选择器2{} */

p,        
span,        
div,        
h1 {            
	color: blue;        
	}
       
/* 4.交集选择器 */        
/* 选中p标签且是box类 */        
p.box {            
	color: brown;        
	} 
/* 5.hover伪类选择器【鼠标悬停时，设置样式】 */        
/* 任何标签都可添加hover */        
a:hover {            
	color: darksalmon;            
	background-color: aquamarine;        
	}