组合选择器
后代选择器:以空格分隔
后代选择器用于选取某元素的后代元素
div p {
} 本实例表示选取<div>元素的内的所有<p>元素设置
子元素选择器:以大于号>分隔
div>p {
}本实例表示选取<div>元素下的直接子元素<p>设置
相邻兄弟选择器:以加号+分隔
div+p {
}本实例表示可选择紧接在<p>元素后的<p>元素,且二者有相同父元素
后续兄弟选择器
div~p {
}本实例表示可选择在<div>元素后的所有相邻<p>兄弟元素