组合选择器

1.后代选择器

/*后代选择器*/
div span { /*div后代所有的span*/
    color: red;
}

 

2.儿子选择器

/*儿子选择器*/
div>span { /*div下一级的后代中的span*/
    color: red;
}

3.毗邻选择器

/*毗邻选择器*/
div+span { /*同级别紧挨着的下面的第一个span*/
    color: green;
}

4.弟弟选择器

/*弟弟选择器*/
div~span{ /*同级别下面所有的span*/
    color: red;
}