CSS中选择器符号使用

1. 空格 ——  “后代选择器”

元素里面所有的p元素

div p {
    ...
}

2. > —— “子选择器”

元素里面所有的子代（不含孙代及以后）限定元素

div > p {
    ...
}

3. ~ —— “后继选择器”

元素往后的所有同级的限定元素

.test~p {
    ...
}

4. + —— "直接后继选择器"

元素往后的第一个限定同级元素

.test + p {
    ...
}