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

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

空格（派生选择器）

+（相邻/下一个选择器）

~（兄弟选择器 ）

大于号（直接选择器）

*（所有后代选择器）

空格（后代选择器）**

div span{
	font-size:20px;
}
1
2
3

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

+（相邻选择器）
span+p{
	font-size:10px;
}
1
2
3

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

~（兄弟选择器）
h1~span{

}
1
2
3

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

>(直接选择器)
div>span{
	
}
1
2
3

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

*（所有后代选择器）
*{
	margim:0;
	padding:0;
}

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