子组合选择器>
子组合选择器>
: 选择一个元素的直接子元素
//选择了.search这类下的所有直接子元素div(不会选择到子div下面的孙div)
.search{
> div{
border:1px red solid
}
}
同层相邻组合选择器 +
同层相邻组合选择器+
: 选择同级的并紧跟在后的元素
//选择header同级的并且紧跟着header之后的p元素
header +p{
font-size: 2em
}
同层全体组合选择器 ~
同层全体组合选择器~
: 选择同级指定的一类元素,不管它们之间隔了多少个其他元素
//选择header同级的所有p元素
header ~p{
font-size: 2em
}