css常用的选择器方法

1、包含选择器： 父元素（空格） 子元素{}；这里指父元素下所有的（子元素类）元素，（只要是父元素下的，子元素这一类都包括）。
1.1、div span{}；指这个div下所有的span元素都包含 div与span属于。div属于祖先，span可能输div的子，孙等。
2、子选择器： 父元素 > 子元素{};父元素下子一级所有的（子元素类）元素。（只包含父元素下子一级，不往子一级的下一级扩展）
2.1、div > span{}；指所有的div下子一级的span。如果span下又包含了一个span，并不能选择这span下的span。div与span属于父子关系。
3、相邻选择器：选择器1 + 选择器2；指选择器1后面 紧跟着的选择器2。（只指选择器2这一个选择器）
3.1 div + span{}; 指与div同级并且是div下边相邻的这个span选择器。如果span相邻的下边也有一个span，并能选择到。div与span属于兄弟关系。
4、通用兄弟选择器：选择器1~选择器2 ；指选择器1后面所有的与选择器1同一级的选择器2.
4.1、div~span{}; 指div下边，所有的span选择器（不是子选择器，是同等级的兄弟选择器，只指div往下数，不往上数），div与span属于兄弟关系。