在CSS中，同類子元素是一種選擇器，它可以同時選中同一個父元素下的所有同類子元素。這種選擇器可以大大簡化CSS代碼，提高開發效率。

例如，有如下HTML代碼：
<ul>
<li>蘋果</li>
<li>香蕉</li>
<li>橘子</li>
<li>桃子</li>
</ul>
如果想要為所有li元素設置相同的樣式，一般的CSS代碼是這樣的：
li {
color: red;
font-size: 16px;
}
但如果使用同類子元素選擇器，代碼只需要寫成這樣：
ul li {
color: red;
font-size: 16px;
}

可以看到，同類子元素選擇器使用父元素和子元素之間的空格來表示。這就意味著，只有在特定的父元素下才會應用這個樣式。

同類子元素選擇器還可以嵌套使用，如下所示：

<div class="container">
<div class="box">
<p>第一個p標簽</p>
</div>
<div class="box">
<p>第二個p標簽</p>
</div>
</div>
.container .box p {
color: blue;
font-size: 18px;
}

以上代碼中，將會選中所有class為box的div元素下的p元素，并將它們的字體顏色設置為藍色，字體大小設置為18px。

需要注意的是，同類子元素選擇器可能存在性能問題，尤其是在選擇大量元素的時候。因此，建議在使用時要慎重考慮。