css组合选择符

组合选择符说明了两个选择器之间的关系

 

四种组合方式：

 

后代选择器：以空格分隔（用于选取某元素的后代元素）

比如：

div p
{
  background-color:green;
}

 

子元素选择器：以>分隔（只能选择一级子元素）

比如：

div>p
{
  background-color:green;
}

 

相邻兄弟选择器：以+分隔（可选择紧接在另一元素后的元素，且二者有相同父元素）

比如：

div+p
{
  background-color:green;
}

 

普通兄弟选择器（后续兄弟选择器）：以~分隔（选取所有指定元素之后的相邻兄弟元素）

比如：

div~p
{
  background-color:green;
}