css三个大于

CSS有三个大于符号，分别是：

 >  子选择器
  >>  后代选择器
  >>>  嵌套选择器 

子选择器（>）

子选择器（child selector）是用来选择元素的直接子元素。

 /*选择id为parent的元素下所有class为child的子元素*/
  #parent>.child{
    color: red;
  } 

后代选择器（>>）

后代选择器（descendant selector）也是选择元素，在元素和元素之间用空格隔开。用来匹配一个元素的后代元素（不一定是直接的子元素）。

 /*选择id为parent的元素下所有class为child的后代元素*/
  #parent .child{
    color: red;
  } 

嵌套选择器（>>>）

嵌套选择器（nested selector）比较少用，它是用来选择元素中的嵌套的元素

 /*选择id为parent的元素下所有class为child的嵌套元素*/
  #parent>>>.child{
    color: red;
  } 

CSS大于符号的使用可以让我们更精确的选择元素，提高开发效率。