CSS 组合器

元素：

div p {
  background-color: yellow;
}

div p {
  background-color: yellow;
}




后代选择器
后代选择器匹配作为指定元素后代的所有元素。


  
div 中的段落 1。
  
div 中的段落 2。
  
div 中的段落 3。


段落 4。不在 div 中。
段落 5。不在 div 中。

执行结果如图所示： 

子选择器匹配属于指定元素子元素的所有元素。

下面的例子选择属于

div > p {
  background-color: yellow;
}

div + p {
  background-color: yellow;
}

div ~ p {
  background-color: yellow;
}