css中的一些符号代表选择器

一、 空格（派生选择器）
二、 +（相邻/下一个选择器）
三、 ~（兄弟选择器 ）
四、大于号（直接选择器）
五、*（所有后代选择器）

.div span{
	font-size:20px;
}

上面例子表示的是div里的所有span元素

+（相邻选择器）

span+p{
	font-size:10px;
}

span后出现的下一个元素为p，且span和p是有共同的父元素

~（兄弟选择器）

h1~span{

}

相同父元素中的两个元素，h1和span必须是同意级的元素

>(直接选择器)

div>span{
	
}

表示选择div的所有span的子元素

*（所有后代选择器）

*{
	margim:0;
	padding:0;
}

表示将所有元素的margin和padding都设置为0，*可以设置所有元素的默认样式