我知道子選擇器的作用是作用在父元素標簽里的第一代子元素，那么如何分辨一段標簽里的父元素，一代子元素，二代子元素，等等，如果后代太多了，該怎么辦
<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>中的元素又是什么關系，出現過第二代或者第三代子元素么？*/
2020-07-01
會當凌絕頂，五個字每個都是第一代。一覽眾山小全部才是第一代。一覽眾山第二代，一覽第三代。
2019-08-29
外部沒有其他<span>標簽包裹的<span>標簽是<p>標簽關于<span>標簽的第一級子元素,外部有<span>標簽包裹的<span>標簽對于css樣式就沒有效果了,代碼都打出來了,運行下大概就能知道是什么情況,實踐出真理.
2019-08-22
代碼打的太渣了 對不起 ?重新打的附后
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>子選擇符</title>
</head>
<body>
<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>。</p>/*誰是誰的子元素，兩句話中span中的元素又是什么關系，出現過第二代或者第三代子元素么？*/
</body>
</html>