我知道子选择器的作用是作用在父元素标签里的第一代子元素,那么如何分辨一段标签里的父元素,一代子元素,二代子元素,等等,如果后代太多了,该怎么办
<style type="text/css”>
.class>span{color:red;}
<style>
<p class="class"><span>会</span><span>当</span><span>凌</span><span>绝</span><span>顶</span>,
<span><span<span><span>一览</span>众山<span>小</span>。<p>/*谁是谁的子元素,两句话中<span>中的元素又是什么关系,出现过第二代或者第三代子元素么?*/